I can't type AM or PM in the DateTimePicker to explicitly change to AM or PM.

For example:

1. Go to https://demos.telerik.com/blazor-ui/datetimepicker/overview.

2. Click on AM or PM in the DateTimePicker field.

3. Try to type "AM" or "PM".

4. If the time is "AM", notice that typing "PM" does not change "AM" to "PM", and visa-versa.

This causes our UI tests to fail when entering a date that has a different meridian time than the current time.

I expected the same behavior as the UI for ASP.NET Core: https://demos.telerik.com/aspnet-core/datetimepicker.

----------ADMIN EDIT----------

In the meantime, you can achieve the desired functionality by following the steps from the knowledge base article below.

Select AM/PM by pressing A or P on the keyboard - KB

I saw a few other posts that requested this feature which in all of the cases was denied saying to use Enabled instead...

The reason we need a ReadOnly state is because the user can not highlight to select the text to  copy/paste if desired... that would be the reason we need ReadOnly vs disabled...

Disabled does not allow you to select the text to copy/paste...

---

ADMIN EDIT

A workaround is to re-enable the pointer events and to, optionally, set a highlight color:

<style>
    /* re-enable pointer events for the inputs so selection can work. Note - can cause some side effects with appearance of hover and focus states */
    .k-input.k-state-disabled,
    .k-state-disabled > .k-input,
    .k-state-disabled > .k-dateinput-wrap > .k-input,
    input.k-textbox[disabled] {
        pointer-events: initial;
    }

        /* visual highlight for the plain textbox user selection */
        input.k-textbox[disabled]::selection {
            color: #ffffff;
            background-color: #ff6358;
        }
</style>

<TelerikTextBox @bind-Value="@tbText" Enabled="false" />
<TelerikTextArea @bind-Value="@taText" Enabled="false" />
<TelerikDatePicker @bind-Value="@dpDate" Enabled="false" />
<TelerikDropDownList @bind-Value="@ddlVal" Data="@ddlData" Enabled="false" />

@code{
    string tbText { get; set; } = "lorem ipsum";
    string taText { get; set; } = "lorem ipsum\ndolor sit amet";
    DateTime dpDate { get; set; } = DateTime.Now;
    List<int> ddlData { get; set; } = Enumerable.Range(1, 10).ToList();
    int ddlVal { get; set; } = 2;
}

---

A Blazor Grid column having a boolean data type field should display as checkbox instead of the text True/False.

A checkbox is a fine representation for the end user, True/False may be ok for a developer ;-)

Editing the boolean value by a checkbox is already fine.

Blazor load on demand (as users keys in) combo-box with multi column

When I describe a EditorTemplate on a GanttColumn, I expect it to be shown on entering the edit-mode:

<GanttColumn Field="@nameof(ActivityContainer.TaskName)" Title="@_["_name"]" Expandable="true" Resizable="true" >
    <EditorTemplate>
        <strong>I expect this to see</strong>
    </EditorTemplate>
</GanttColumn>

Expected: Just the string "I expect this to see"

What I actually get:

The default edit box (feels like the EditorTemplate doesn't apply at all?)

Docs (https://docs.telerik.com/blazor-ui/api/Telerik.Blazor.Components.GanttColumn#collapsible-Telerik_Blazor_Components_GanttColumn_EditorTemplate) say, that the GanttColumn has a EditorTempalte.

---

Side effect:

<GanttColumn Field="@nameof(ActivityContainer.TaskName)" Title="@_["_name"]" Expandable="true" Resizable="true" >
    <EditorTemplate>
        <strong>@((context as ActivityContainer)?.TaskName)I expect this to see</strong>
    </EditorTemplate>
</GanttColumn>

error CS0103: The name 'context' does not exist in the current context

Context should be there.

The current implementation of the double-click task edit feature is not an intuitive user interface action.
Also, there is absolutely no need to automatically edit the properties of the task model when you click on GanttColumns.
Give the developer independent control over the behavior of the edit event.
Necessary solutions:
1. Implement support for the "IsEnabled" task model property that disables editing the property for the GanttColumn and double-clicking on the Timeline panel
2. Implement support for the "Edit" command for the GanttCommandButton

By default, all nested tasks are displayed expanded.
The state of the root task is always the most important, so it makes more sense to display tasks minimized by default.
The user can always expand the required task for details.
The solution is to support the "IsExpanded" property for the task model.
When a property changes, the task changes its state.
For the component, also add the "ExpandAll" and "CollapseAll" methods that affect all tasks in the list.

It is very strange that while the Gantt component is similar to the gorgeous Grid component, support for row and header templates has not been released.
We await implementation
<GanttColumn>

  <HeaderTemplate Context = @ myContext>

  </HeaderTemplate>

  <Template Context = @ myContext>

  </Template>

</GanttColumn>

Make the component usable!