Hi Ekaterina,

Thank you for providing additional details on this case.

In general, the MaskedTextBox and the DatePicker components are intended to serve different purposes, thus they cannot be combined.

The user can type only numeric values inside the DatePicker component and this is by default.

To achieve the desired outcome the developer should tweak the MaskedTextBox component dynamically and based on the typed value to show the desired date or dynamically toggle the visibility of a DatePicker component and a TextBox. However such implementation would rely on a custom business logic that is left in the hands of the developer.

Regards,
Martin
Progress Telerik

Hi Ekaterina,

The developer can set the format option for the DatePicker to a built-in predefined format

the format table is from the Grid docs, but valid for the DatePicker as well:

https://www.telerik.com/kendo-angular-ui/components/grid/columns/formats/#toc-predefined-date-formats

or custom format by using custom date format strings:

https://www.telerik.com/kendo-angular-ui/components/grid/columns/formats/#toc-custom-date-formats

In this case, the developer can set the format of the DatePicker to a custom function that accepts the custom format and parses it to the desired one in the function:

 <kendo-datepicker [format]="setFormat('d.m.y')" > </kendo-datepicker>

  setFormat(format) {
    console.log(format);
    if (format === 'd.m.y') {
      return 'd';
    } 
  }

For scenarios when the last day should be shown, the value of the DatePicker must be changed along with the custom format.

Regards,
Martin
Progress Telerik