DatePicker with enabled dateInput and set format does not set value if value is in different format

[aleksandarevangelatov]

Bug report

When using a DatePicker with a set format and enabled dateInput configuration, initializing with a value in a different format than the defined one results in initialization of a component without set value.

    <input id="Date" name="Date" type="text" value="09/01/2021 22:10:10">

    <script>
      $("#Date").kendoDatePicker({
        format:"MMMM yyyy",
        min:new Date(1900,0,1,0,0,0,0),
        max:new Date(2021,8,30,0,0,0,0),
        parseFormats:["MM/dd/yyyy HH:mm:ss"],
        dateInput:true
      });
    </script>

Reproduction of the problem

1. Run this dojo

Current behavior

The DatePicker displays month year instead of the indicated value

Expected/desired behavior

The DatePicker should set the value to the value defined in the input element.

Workaround

As a possibel workaround you can override the _createDateInput function:

kendo.ui.DatePicker.fn._createDateInput = function(options){
          var elVal = this.element.val();

          if (this._dateInput) {
            this._dateInput.destroy();
            this._dateInput = null;
          }

          if (options.dateInput) {
            this._dateInput = new kendo.ui.DateInput(this.element, {
              culture: options.culture,
              format: options.format,
              min: options.min,
              max: options.max
            });

            if (elVal) {
              this.value(elVal);
            }
          }
        };

Example

Environment

• Kendo UI version: 2021.3.914
• Browser: [all]