<GridColumn Field="ABC" Title="Title" Width="15%">
                <HeaderTemplate>
                    <span class="k-column-title k-column-title-word-break">
                       Column Title
                    </span>
                </HeaderTemplate>
                <Template>
                    @{
                        var item = (MyModel)context;
                    }
                    <div class="tooltip-target-a">
                        <MyCustomComponent  />
                    </div>
                    <TelerikTooltip TargetSelector=".tooltip-target-a" Position="@TooltipPosition.Top" >
                        <Template Context="ttipContext">
                            <div>Hello from tooltip</div>
                        </Template>
                    </TelerikTooltip>
                </Template>
            </GridColumn>

<TelerikGrid Data="@simplePropertiescollection" Height="500px"
   Sortable="true" 
   Groupable="true"
   Resizable="true" 
   Reorderable="true">
   <GridColumns>
      <GridColumn Field="@(nameof(SimpleProperties.Name))" Title="Name" />
      @foreach (string prop in PropColumns)
      {
         <GridColumn FieldFunc = "(v) =>v.GetProps(prop)" Title="@prop">
            <Template>
               @{
                  // FieldFunc would replace the code below
                  string text = (context as SimpleProperties)?.GetProp(prop);
               }
               @text
            </Template>
         </GridColumn>
      }
   </GridColumns>
</TelerikGrid>

@code
{

   List<SimpleProperties> simplePropertiescollection = new List<SimpleProperties>();

   List<string> PropColumns { get; set; } = new();

   public class SimpleProperties
   {
      public string Name {get; set;} 

      public List<SimpleProperty?>? Properties { get; set; }

      public string? GetProp(string name)
      {
         return Properties.FirstOrDefault((SimpleProperty o) => o?.Name == name)?.Value;
      }
   }
   public class SimpleProperty
   {
      public string? Name { get; set; }

      public string? Value { get; set; }
   }
}

<label for="selected-date">
    TelerikDateTimePicker for enter Date and Time
</label>
<TelerikDateTimePicker 
    @bind-Value="@SelectedTime"
    Min="@Min" Max="@Max"
    Format="dd MMM yyyy HH:mm 'Z' (UTC)"
    Placeholder="dd MMM yyyy HH:mm 'Z' (UTC)"
    Id="selected-date"/>


@code {
    DateTime? SelectedTime = null;
    DateTime Min { get; set; } = new(1900, 1, 1, 0, 0, 0);
    public DateTime Max { get; set; } = new(2099, 12, 31, 23, 59, 59);
}

AllowCaretMode="true"
AutoCorrectParts="true"
AutoSwitchParts="true"

<TelerikChart Height="200px">
    <ChartPlotArea Background="#FAFAFA"></ChartPlotArea>
    <ChartTooltip Visible="true"></ChartTooltip>
    <ChartSeriesItems>
        <ChartSeries Type="ChartSeriesType.Scatter" Name="@($"{AxleNumber}: {right_text}")" Data="@chartRight" Color="#ff8400"
                     XField="@nameof(ChartDataViewModel.start)"
                     YField="@nameof(ChartDataViewModel.Indicator)" Visible="@right_visible">
            <ChartSeriesMarkers Type="ChartSeriesMarkersType.Circle" Size="4" Background="#ff8400" />
        </ChartSeries>
        <ChartSeries Type="ChartSeriesType.Scatter" Name="@($"{AxleNumber}: {left_text}")" Data="@chartLeft" Color="#0071ff"
                     XField="@nameof(ChartDataViewModel.start)"
                     YField="@nameof(ChartDataViewModel.Indicator)" Visible="@left_visible">
            <ChartSeriesMarkers Type="ChartSeriesMarkersType.Circle" Size="4" Background="#0071ff" />
        </ChartSeries>
    </ChartSeriesItems>
    <ChartYAxes>
        <ChartYAxis Max="YAxis_Max" Min="YAxis_Min" />
    </ChartYAxes>
    <ChartXAxes>
        <ChartXAxis Type="date" BaseUnit="days">
            <ChartXAxisLabels Format="{0:dd.MM.yy}"></ChartXAxisLabels>
        </ChartXAxis>
    </ChartXAxes>
    <ChartLegend Position="ChartLegendPosition.Custom" OffsetX="50" OffsetY="10" Height="10" Visible="@(right_visible && left_visible)" />
</TelerikChart>