@progress/kendo-react-dateinputs 11.0.0-develop.9 → 11.0.1-develop.1

package/index.d.mts

@@ -15,6 +15,7 @@ import { DateFormatPart } from '@progress/kendo-react-intl';
 import { DateFormatPart as DateFormatPart_2 } from '@progress/kendo-intl';
 import { DateInputsClassStructure } from '@progress/kendo-react-common';
 import { default as default_2 } from 'prop-types';
+import { default as default_3 } from 'react';
 import { FormComponent } from '@progress/kendo-react-common';
 import { FormComponentProps } from '@progress/kendo-react-common';
 import { FormComponentValidity } from '@progress/kendo-react-common';
@@ -1161,7 +1162,7 @@ export declare interface DateInputSettings {
     /**
      * Renders a floating label for the DateInput.
      */
-    label?: string;
+    label?: default_3.ReactNode;
     /**
      * Sets the `id` of the `input` DOM element.
      */
@@ -1484,7 +1485,7 @@ export declare interface DatePickerSettings {
     /**
      * @deprecated The `DatePicker` no longer renders a `wrapper` around the DatePicker.
      */
-    pickerWrap?: React.ComponentType<PickerWrapProps>;
+    pickerWrap?: default_3.ComponentType<PickerWrapProps>;
     /**
      * Enables the customization or the override of the default Toggle button which is rendered by the DatePicker
      * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-toggle-button)).
@@ -1493,7 +1494,7 @@ export declare interface DatePickerSettings {
      * <DatePicker toggleButton={CustomToggleButton} />
      * ```
      */
-    toggleButton?: React.ComponentType<ToggleButtonProps>;
+    toggleButton?: default_3.ComponentType<ToggleButtonProps>;
     /**
      * Enables the customization or the override of the default Calendar which is rendered by the DatePicker
      * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-calendar)).
@@ -1502,7 +1503,7 @@ export declare interface DatePickerSettings {
      * <DatePicker calendar={CustomCalendar} />
      * ```
      */
-    calendar?: React.ComponentType<CalendarProps<any>> | React.ComponentType<MultiViewCalendarProps<any>>;
+    calendar?: default_3.ComponentType<CalendarProps<any>> | default_3.ComponentType<MultiViewCalendarProps<any>>;
     /**
      * Enables the customization or the override of the default Popup which is rendered by the DatePicker
      * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-popup)).
@@ -1511,7 +1512,7 @@ export declare interface DatePickerSettings {
      * <DatePicker popup={CustomPopup} />
      * ```
      */
-    popup?: React.ComponentType<PopupProps>;
+    popup?: default_3.ComponentType<PopupProps>;
     /**
      * Enables the customization or the override of the default DateInput which is rendered by the DatePicker
      * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-dateinput)).
@@ -1520,7 +1521,7 @@ export declare interface DatePickerSettings {
      * <DatePicker dateInput={CustomDateInput} />
      * ```
      */
-    dateInput?: React.ComponentType<DateInputProps<any>>;
+    dateInput?: default_3.ComponentType<DateInputProps<any>>;
     /**
      * Sets the `className` of the DatePicker.
      * Example usage of the `className` property:
@@ -1633,7 +1634,7 @@ export declare interface DatePickerSettings {
      * <DatePicker onBlur={(event) => console.log('Blur event:', event)} />
      * ```
      */
-    onBlur?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
+    onBlur?: (event: default_3.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
     /**
      * Fires each time the user focuses any of the DatePicker elements.
      * Example usage of the `onFocus` property:
@@ -1641,7 +1642,7 @@ export declare interface DatePickerSettings {
      * <DatePicker onFocus={(event) => console.log('Focus event:', event)} />
      * ```
      */
-    onFocus?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
+    onFocus?: (event: default_3.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
     /**
      * Configures the popup options of the DatePicker.
      *
@@ -1702,7 +1703,7 @@ export declare interface DatePickerSettings {
      * <DatePicker label="Date Picker Label" />
      * ```
      */
-    label?: string;
+    label?: default_3.ReactNode;
     /**
      * Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
      * For more information, refer to the article on
@@ -2374,17 +2375,17 @@ export declare interface DateTimePickerSettings {
      * Enables the customization or the override of the default Calendar which is rendered by the DateTimePicker
      * ([see example]({% slug custom_rendering_datetimepicker %}#toc-customizing-the-calendar)).
      */
-    calendar?: React.ComponentType<CalendarProps>;
+    calendar?: default_3.ComponentType<CalendarProps>;
     /**
      * Enables the customization or the override of the default Popup which is rendered by the DateTimePicker
      * ([see example]({% slug custom_rendering_datetimepicker %}#toc-customizing-the-popup)).
      */
-    popup?: React.ComponentType<PopupProps>;
+    popup?: default_3.ComponentType<PopupProps>;
     /**
      * Enables the customization or the override of the default DateInput which is rendered by the DateTimePicker
      * ([see example]({% slug custom_rendering_datetimepicker %}#toc-customizing-the-dateinput)).
      */
-    dateInput?: React.ComponentType<DateInputProps>;
+    dateInput?: default_3.ComponentType<DateInputProps>;
     /**
      * Sets the `className` of the DateTimePicker.
      */
@@ -2459,11 +2460,11 @@ export declare interface DateTimePickerSettings {
     /**
      * Fires each time any of the DateTimePicker elements gets blurred.
      */
-    onBlur?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
+    onBlur?: (event: default_3.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
     /**
      * Fires each time the user focuses any of the DateTimePicker elements.
      */
-    onFocus?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
+    onFocus?: (event: default_3.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
     /**
      * Specifies if the popup will be displayed
      * ([see example]({% slug controlled_datetimepicker %}#toc-controlling-the-popup-state)).
@@ -2493,7 +2494,7 @@ export declare interface DateTimePickerSettings {
     /**
      * Renders a floating label for the DateTimePicker.
      */
-    label?: string;
+    label?: default_3.ReactNode;
     /**
      * Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
      * For more information, refer to the article on
@@ -4062,11 +4063,11 @@ export declare interface TimePickerSettings {
     /**
      * Fires each time any of the TimePicker elements gets blurred.
      */
-    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onBlur?: (event: default_3.FocusEvent<HTMLDivElement>) => void;
     /**
      * Fires each time the user focuses any of the TimePicker elements.
      */
-    onFocus?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
+    onFocus?: (event: default_3.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
     /**
      * Configures the popup options of the TimePicker.
      *
@@ -4106,16 +4107,16 @@ export declare interface TimePickerSettings {
      * Enables the customization or the override of the default Popup which is rendered by the TimePicker
      * ([see example]({% slug custom_rendering_timepicker %}#toc-customizing-the-popup)).
      */
-    popup?: React.ComponentType<PopupProps>;
+    popup?: default_3.ComponentType<PopupProps>;
     /**
      * Enables the customization or the override of the default DateInput which is rendered by the TimePicker
      * ([see example]({% slug custom_rendering_timepicker %}#toc-customizing-the-dateinput)).
      */
-    dateInput?: React.ComponentType<DateInputProps>;
+    dateInput?: default_3.ComponentType<DateInputProps>;
     /**
      * Renders a floating label for the TimePicker.
      */
-    label?: string;
+    label?: default_3.ReactNode;
     /**
      * Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
      * For more information, refer to the article on

package/index.d.ts

@@ -15,6 +15,7 @@ import { DateFormatPart } from '@progress/kendo-react-intl';
 import { DateFormatPart as DateFormatPart_2 } from '@progress/kendo-intl';
 import { DateInputsClassStructure } from '@progress/kendo-react-common';
 import { default as default_2 } from 'prop-types';
+import { default as default_3 } from 'react';
 import { FormComponent } from '@progress/kendo-react-common';
 import { FormComponentProps } from '@progress/kendo-react-common';
 import { FormComponentValidity } from '@progress/kendo-react-common';
@@ -1161,7 +1162,7 @@ export declare interface DateInputSettings {
     /**
      * Renders a floating label for the DateInput.
      */
-    label?: string;
+    label?: default_3.ReactNode;
     /**
      * Sets the `id` of the `input` DOM element.
      */
@@ -1484,7 +1485,7 @@ export declare interface DatePickerSettings {
     /**
      * @deprecated The `DatePicker` no longer renders a `wrapper` around the DatePicker.
      */
-    pickerWrap?: React.ComponentType<PickerWrapProps>;
+    pickerWrap?: default_3.ComponentType<PickerWrapProps>;
     /**
      * Enables the customization or the override of the default Toggle button which is rendered by the DatePicker
      * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-toggle-button)).
@@ -1493,7 +1494,7 @@ export declare interface DatePickerSettings {
      * <DatePicker toggleButton={CustomToggleButton} />
      * ```
      */
-    toggleButton?: React.ComponentType<ToggleButtonProps>;
+    toggleButton?: default_3.ComponentType<ToggleButtonProps>;
     /**
      * Enables the customization or the override of the default Calendar which is rendered by the DatePicker
      * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-calendar)).
@@ -1502,7 +1503,7 @@ export declare interface DatePickerSettings {
      * <DatePicker calendar={CustomCalendar} />
      * ```
      */
-    calendar?: React.ComponentType<CalendarProps<any>> | React.ComponentType<MultiViewCalendarProps<any>>;
+    calendar?: default_3.ComponentType<CalendarProps<any>> | default_3.ComponentType<MultiViewCalendarProps<any>>;
     /**
      * Enables the customization or the override of the default Popup which is rendered by the DatePicker
      * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-popup)).
@@ -1511,7 +1512,7 @@ export declare interface DatePickerSettings {
      * <DatePicker popup={CustomPopup} />
      * ```
      */
-    popup?: React.ComponentType<PopupProps>;
+    popup?: default_3.ComponentType<PopupProps>;
     /**
      * Enables the customization or the override of the default DateInput which is rendered by the DatePicker
      * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-dateinput)).
@@ -1520,7 +1521,7 @@ export declare interface DatePickerSettings {
      * <DatePicker dateInput={CustomDateInput} />
      * ```
      */
-    dateInput?: React.ComponentType<DateInputProps<any>>;
+    dateInput?: default_3.ComponentType<DateInputProps<any>>;
     /**
      * Sets the `className` of the DatePicker.
      * Example usage of the `className` property:
@@ -1633,7 +1634,7 @@ export declare interface DatePickerSettings {
      * <DatePicker onBlur={(event) => console.log('Blur event:', event)} />
      * ```
      */
-    onBlur?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
+    onBlur?: (event: default_3.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
     /**
      * Fires each time the user focuses any of the DatePicker elements.
      * Example usage of the `onFocus` property:
@@ -1641,7 +1642,7 @@ export declare interface DatePickerSettings {
      * <DatePicker onFocus={(event) => console.log('Focus event:', event)} />
      * ```
      */
-    onFocus?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
+    onFocus?: (event: default_3.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
     /**
      * Configures the popup options of the DatePicker.
      *
@@ -1702,7 +1703,7 @@ export declare interface DatePickerSettings {
      * <DatePicker label="Date Picker Label" />
      * ```
      */
-    label?: string;
+    label?: default_3.ReactNode;
     /**
      * Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
      * For more information, refer to the article on
@@ -2374,17 +2375,17 @@ export declare interface DateTimePickerSettings {
      * Enables the customization or the override of the default Calendar which is rendered by the DateTimePicker
      * ([see example]({% slug custom_rendering_datetimepicker %}#toc-customizing-the-calendar)).
      */
-    calendar?: React.ComponentType<CalendarProps>;
+    calendar?: default_3.ComponentType<CalendarProps>;
     /**
      * Enables the customization or the override of the default Popup which is rendered by the DateTimePicker
      * ([see example]({% slug custom_rendering_datetimepicker %}#toc-customizing-the-popup)).
      */
-    popup?: React.ComponentType<PopupProps>;
+    popup?: default_3.ComponentType<PopupProps>;
     /**
      * Enables the customization or the override of the default DateInput which is rendered by the DateTimePicker
      * ([see example]({% slug custom_rendering_datetimepicker %}#toc-customizing-the-dateinput)).
      */
-    dateInput?: React.ComponentType<DateInputProps>;
+    dateInput?: default_3.ComponentType<DateInputProps>;
     /**
      * Sets the `className` of the DateTimePicker.
      */
@@ -2459,11 +2460,11 @@ export declare interface DateTimePickerSettings {
     /**
      * Fires each time any of the DateTimePicker elements gets blurred.
      */
-    onBlur?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
+    onBlur?: (event: default_3.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
     /**
      * Fires each time the user focuses any of the DateTimePicker elements.
      */
-    onFocus?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
+    onFocus?: (event: default_3.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
     /**
      * Specifies if the popup will be displayed
      * ([see example]({% slug controlled_datetimepicker %}#toc-controlling-the-popup-state)).
@@ -2493,7 +2494,7 @@ export declare interface DateTimePickerSettings {
     /**
      * Renders a floating label for the DateTimePicker.
      */
-    label?: string;
+    label?: default_3.ReactNode;
     /**
      * Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
      * For more information, refer to the article on
@@ -4062,11 +4063,11 @@ export declare interface TimePickerSettings {
     /**
      * Fires each time any of the TimePicker elements gets blurred.
      */
-    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onBlur?: (event: default_3.FocusEvent<HTMLDivElement>) => void;
     /**
      * Fires each time the user focuses any of the TimePicker elements.
      */
-    onFocus?: (event: React.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
+    onFocus?: (event: default_3.FocusEvent<HTMLSpanElement | HTMLDivElement>) => void;
     /**
      * Configures the popup options of the TimePicker.
      *
@@ -4106,16 +4107,16 @@ export declare interface TimePickerSettings {
      * Enables the customization or the override of the default Popup which is rendered by the TimePicker
      * ([see example]({% slug custom_rendering_timepicker %}#toc-customizing-the-popup)).
      */
-    popup?: React.ComponentType<PopupProps>;
+    popup?: default_3.ComponentType<PopupProps>;
     /**
      * Enables the customization or the override of the default DateInput which is rendered by the TimePicker
      * ([see example]({% slug custom_rendering_timepicker %}#toc-customizing-the-dateinput)).
      */
-    dateInput?: React.ComponentType<DateInputProps>;
+    dateInput?: default_3.ComponentType<DateInputProps>;
     /**
      * Renders a floating label for the TimePicker.
      */
-    label?: string;
+    label?: default_3.ReactNode;
     /**
      * Specifies the hint the DateInput displays when its value is `null` or there is no partial selection.
      * For more information, refer to the article on

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-dateinputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1747121378,version:"11.0.0-develop.9",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-dateinputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1747918898,version:"11.0.1-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1747121378,
-  version: "11.0.0-develop.9",
+  publishDate: 1747918898,
+  version: "11.0.1-develop.1",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-dateinputs",
-  "version": "11.0.0-develop.9",
+  "version": "11.0.1-develop.1",
   "description": "React DateInput is a perfect input component for handling quick and efficient date values. KendoReact Date Inputs package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,14 +26,14 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-date-math": "^1.4.0",
-    "@progress/kendo-licensing": "^1.5.1",
+    "@progress/kendo-licensing": "^1.6.0",
     "@progress/kendo-dateinputs-common": "^0.4.0",
-    "@progress/kendo-react-buttons": "11.0.0-develop.9",
-    "@progress/kendo-react-common": "11.0.0-develop.9",
-    "@progress/kendo-react-intl": "11.0.0-develop.9",
-    "@progress/kendo-react-labels": "11.0.0-develop.9",
-    "@progress/kendo-react-layout": "11.0.0-develop.9",
-    "@progress/kendo-react-popup": "11.0.0-develop.9",
+    "@progress/kendo-react-buttons": "11.0.1-develop.1",
+    "@progress/kendo-react-common": "11.0.1-develop.1",
+    "@progress/kendo-react-intl": "11.0.1-develop.1",
+    "@progress/kendo-react-labels": "11.0.1-develop.1",
+    "@progress/kendo-react-layout": "11.0.1-develop.1",
+    "@progress/kendo-react-popup": "11.0.1-develop.1",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -66,10 +66,30 @@
   "@progress": {
     "friendlyName": "Date Inputs",
     "framework": "KendoReact",
+    "migrations": {
+      "options": {
+        "parser": "tsx",
+        "pattern": "*.{js,jsx,ts,tsx}"
+      },
+      "codemods": {
+        "11": [
+          {
+            "description": "Migrate the DateInput type to the new DateInputHandle type.",
+            "file": "codemods/v11/dateinput-handle.js",
+            "prompt": true
+          },
+          {
+            "description": "Migrate the DatePicker type to the new DatePickerHandle type.",
+            "file": "codemods/v11/datepicker-handle.js",
+            "prompt": true
+          }
+        ]
+      }
+    },
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1747121378,
+      "publishDate": 1747918898,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"
     }
   },