@progress/kendo-react-dateinputs 7.4.0 → 7.5.0-develop.10

package/index.d.mts

@@ -302,6 +302,12 @@ export declare interface CalendarSettings {
      * Defines the topmost view to which the user can navigate.
      */
     topView?: ActiveView;
+    /**
+     * Specifies the possible format options for the displayed Calendar week days' names.
+     *
+     * @default short
+     */
+    weekDaysFormat?: WeekDaysFormat;
     /**
      * Determines if the week number column will be displayed.
      */
@@ -391,6 +397,7 @@ export declare class CalendarWithoutContext extends React_2.Component<CalendarPr
         id: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;
+        weekDaysFormat: PropTypes.Requireable<string>;
         max: PropTypes.Requireable<Date>;
         min: PropTypes.Requireable<Date>;
         navigation: PropTypes.Requireable<boolean>;
@@ -411,6 +418,7 @@ export declare class CalendarWithoutContext extends React_2.Component<CalendarPr
         disabled: boolean;
         min: Date;
         max: Date;
+        weekDaysFormat: string;
         navigation: boolean;
         defaultActiveView: ActiveView;
         defaultValue: null;
@@ -883,7 +891,7 @@ export declare class DateInputWithoutContext extends React_2.Component<DateInput
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -1389,7 +1397,7 @@ export declare class DatePickerWithoutContext extends React_2.Component<DatePick
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -1851,7 +1859,7 @@ export declare class DateRangePickerWithoutContext extends React_2.Component<Dat
                 second: PropTypes.Requireable<string>;
                 timeZoneName: PropTypes.Requireable<string>;
             }> | null | undefined>>;
-            formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+            formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
                 year: PropTypes.Requireable<string>;
                 month: PropTypes.Requireable<string>;
                 day: PropTypes.Requireable<string>;
@@ -2363,7 +2371,7 @@ export declare class DateTimePickerWithoutContext extends React_2.Component<Date
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -2721,6 +2729,7 @@ export declare class HorizontalViewList extends React_2.Component<HorizontalView
         views: number;
         take: number;
         allowReverse: boolean;
+        weekDaysFormat: string;
         min: Date;
         max: Date;
     };
@@ -2764,6 +2773,7 @@ export declare interface HorizontalViewListProps {
     selectionRange: SelectionRange;
     service: ViewService;
     showWeekNumbers?: boolean;
+    weekDaysFormat?: WeekDaysFormat;
     take?: number;
     value: Date[] | Date | null;
     views?: number;
@@ -3044,6 +3054,12 @@ export declare interface MultiViewCalendarSettings {
      * Determines if the week number column will be displayed.
      */
     weekNumber?: boolean;
+    /**
+     * Specifies the possible format options for the displayed Calendar week days' names.
+     *
+     * @default short
+     */
+    weekDaysFormat?: WeekDaysFormat;
     /**
      * Fires each time the MultiViewCalendar is focused.
      */
@@ -3144,6 +3160,7 @@ export declare class MultiViewCalendarWithoutContext extends React_2.Component<M
         disabled: PropTypes.Requireable<boolean>;
         focusedDate: PropTypes.Requireable<Date>;
         id: PropTypes.Requireable<string>;
+        weekDaysFormat: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;
         max: PropTypes.Requireable<Date>;
@@ -3170,6 +3187,7 @@ export declare class MultiViewCalendarWithoutContext extends React_2.Component<M
         defaultActiveView: ActiveView;
         defaultValue: null;
         topView: ActiveView;
+        weekDaysFormat: string;
         tabIndex: number;
         bottomView: ActiveView;
         views: number;
@@ -3931,7 +3949,7 @@ export declare class TimePickerWithoutContext extends React_2.Component<TimePick
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -4281,11 +4299,13 @@ export declare class ViewList extends React_2.Component<ViewListProps, ViewListS
         value: PropTypes.Requireable<Date>;
         viewHeight: PropTypes.Requireable<number>;
         viewOffset: PropTypes.Requireable<number>;
+        weekDaysFormat: PropTypes.Requireable<string>;
         tabIndex: PropTypes.Requireable<number>;
     };
     static defaultProps: {
         take: number;
         showWeekNumbers: boolean;
+        weekDaysFormat: string;
         smoothScroll: boolean;
     };
     virtualization: Virtualization | null;
@@ -4302,6 +4322,7 @@ export declare class ViewList extends React_2.Component<ViewListProps, ViewListS
     private shouldScroll;
     private indexToScroll?;
     private lastFocus;
+    private weekService;
     get element(): HTMLDivElement | null;
     protected get weekNames(): string[];
     protected get weekNumber(): boolean;
@@ -4353,6 +4374,7 @@ declare interface ViewListProps {
     showWeekNumbers?: boolean;
     smoothScroll?: boolean;
     take?: number;
+    weekDaysFormat?: WeekDaysFormat;
     value: Date | null;
     viewHeight?: number;
     viewOffset?: number;
@@ -4488,13 +4510,18 @@ declare interface VirtualizationProps {
     children?: React_2.ReactNode;
 }
 
+/**
+ * Specifies the possible format options for the displayed Calendar week days' names.
+ */
+declare type WeekDaysFormat = 'short' | 'narrow' | 'abbreviated';
+
 /**
  * @hidden
  */
 export declare class WeekNamesService {
     private intl;
     constructor(intl: IntlService);
-    getWeekNames(includeWeekNumber?: boolean): string[];
+    getWeekNames(includeWeekNumber?: boolean, weekDaysFormat?: WeekDaysFormat): string[];
 }
 
 /**

package/index.d.ts

@@ -302,6 +302,12 @@ export declare interface CalendarSettings {
      * Defines the topmost view to which the user can navigate.
      */
     topView?: ActiveView;
+    /**
+     * Specifies the possible format options for the displayed Calendar week days' names.
+     *
+     * @default short
+     */
+    weekDaysFormat?: WeekDaysFormat;
     /**
      * Determines if the week number column will be displayed.
      */
@@ -391,6 +397,7 @@ export declare class CalendarWithoutContext extends React_2.Component<CalendarPr
         id: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;
+        weekDaysFormat: PropTypes.Requireable<string>;
         max: PropTypes.Requireable<Date>;
         min: PropTypes.Requireable<Date>;
         navigation: PropTypes.Requireable<boolean>;
@@ -411,6 +418,7 @@ export declare class CalendarWithoutContext extends React_2.Component<CalendarPr
         disabled: boolean;
         min: Date;
         max: Date;
+        weekDaysFormat: string;
         navigation: boolean;
         defaultActiveView: ActiveView;
         defaultValue: null;
@@ -883,7 +891,7 @@ export declare class DateInputWithoutContext extends React_2.Component<DateInput
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -1389,7 +1397,7 @@ export declare class DatePickerWithoutContext extends React_2.Component<DatePick
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -1851,7 +1859,7 @@ export declare class DateRangePickerWithoutContext extends React_2.Component<Dat
                 second: PropTypes.Requireable<string>;
                 timeZoneName: PropTypes.Requireable<string>;
             }> | null | undefined>>;
-            formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+            formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
                 year: PropTypes.Requireable<string>;
                 month: PropTypes.Requireable<string>;
                 day: PropTypes.Requireable<string>;
@@ -2363,7 +2371,7 @@ export declare class DateTimePickerWithoutContext extends React_2.Component<Date
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -2721,6 +2729,7 @@ export declare class HorizontalViewList extends React_2.Component<HorizontalView
         views: number;
         take: number;
         allowReverse: boolean;
+        weekDaysFormat: string;
         min: Date;
         max: Date;
     };
@@ -2764,6 +2773,7 @@ export declare interface HorizontalViewListProps {
     selectionRange: SelectionRange;
     service: ViewService;
     showWeekNumbers?: boolean;
+    weekDaysFormat?: WeekDaysFormat;
     take?: number;
     value: Date[] | Date | null;
     views?: number;
@@ -3044,6 +3054,12 @@ export declare interface MultiViewCalendarSettings {
      * Determines if the week number column will be displayed.
      */
     weekNumber?: boolean;
+    /**
+     * Specifies the possible format options for the displayed Calendar week days' names.
+     *
+     * @default short
+     */
+    weekDaysFormat?: WeekDaysFormat;
     /**
      * Fires each time the MultiViewCalendar is focused.
      */
@@ -3144,6 +3160,7 @@ export declare class MultiViewCalendarWithoutContext extends React_2.Component<M
         disabled: PropTypes.Requireable<boolean>;
         focusedDate: PropTypes.Requireable<Date>;
         id: PropTypes.Requireable<string>;
+        weekDaysFormat: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;
         max: PropTypes.Requireable<Date>;
@@ -3170,6 +3187,7 @@ export declare class MultiViewCalendarWithoutContext extends React_2.Component<M
         defaultActiveView: ActiveView;
         defaultValue: null;
         topView: ActiveView;
+        weekDaysFormat: string;
         tabIndex: number;
         bottomView: ActiveView;
         views: number;
@@ -3931,7 +3949,7 @@ export declare class TimePickerWithoutContext extends React_2.Component<TimePick
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -4281,11 +4299,13 @@ export declare class ViewList extends React_2.Component<ViewListProps, ViewListS
         value: PropTypes.Requireable<Date>;
         viewHeight: PropTypes.Requireable<number>;
         viewOffset: PropTypes.Requireable<number>;
+        weekDaysFormat: PropTypes.Requireable<string>;
         tabIndex: PropTypes.Requireable<number>;
     };
     static defaultProps: {
         take: number;
         showWeekNumbers: boolean;
+        weekDaysFormat: string;
         smoothScroll: boolean;
     };
     virtualization: Virtualization | null;
@@ -4302,6 +4322,7 @@ export declare class ViewList extends React_2.Component<ViewListProps, ViewListS
     private shouldScroll;
     private indexToScroll?;
     private lastFocus;
+    private weekService;
     get element(): HTMLDivElement | null;
     protected get weekNames(): string[];
     protected get weekNumber(): boolean;
@@ -4353,6 +4374,7 @@ declare interface ViewListProps {
     showWeekNumbers?: boolean;
     smoothScroll?: boolean;
     take?: number;
+    weekDaysFormat?: WeekDaysFormat;
     value: Date | null;
     viewHeight?: number;
     viewOffset?: number;
@@ -4488,13 +4510,18 @@ declare interface VirtualizationProps {
     children?: React_2.ReactNode;
 }
 
+/**
+ * Specifies the possible format options for the displayed Calendar week days' names.
+ */
+declare type WeekDaysFormat = 'short' | 'narrow' | 'abbreviated';
+
 /**
  * @hidden
  */
 export declare class WeekNamesService {
     private intl;
     constructor(intl: IntlService);
-    getWeekNames(includeWeekNumber?: boolean): string[];
+    getWeekNames(includeWeekNumber?: boolean, weekDaysFormat?: WeekDaysFormat): string[];
 }
 
 /**

package/messages/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="multiviewcalendar.prevView",t="multiviewcalendar.nextView",a="dateinput.increment",c="dateinput.decrement",i="calendar.today",r="datepicker.toggleCalendar",n="daterangepicker.swapStartEnd",o="daterangepicker.start",l="daterangepicker.end",s="daterangepicker.separator",d="datetimepicker.toggleDateTimeSelector",g="timepicker.now",m="timepicker.selectNow",k="timepicker.cancel",p="timepicker.set",S="timepicker.toggleTimeSelector",w="timepicker.toggleClock",T="datetimepicker.date",u="datetimepicker.time",C="datetimepicker.cancel",v="datetimepicker.set",P="daterangepicker.cancel",V="daterangepicker.set",N={[i]:"TODAY",[g]:"NOW",[p]:"Set",[k]:"Cancel",[T]:"Date",[u]:"Time",[C]:"Cancel",[v]:"Set",[P]:"Cancel",[V]:"Set",[o]:"Start",[l]:"End",[s]:" ",[m]:"Select Now",[S]:"Toggle TimeSelector",[w]:"Toggle Clock",[a]:"Increase value",[c]:"Decrease value",[r]:"Toggle calendar",[e]:"Navigate to previous view",[t]:"Navigate to next view",[n]:"Swap start and end values",[d]:"Toggle date-time selector"};exports.date=T;exports.dateRangePickerCancel=P;exports.dateRangePickerSet=V;exports.dateTimePickerCancel=C;exports.dateTimePickerSet=v;exports.decreaseValue=c;exports.end=l;exports.increaseValue=a;exports.messages=N;exports.nextView=t;exports.now=g;exports.prevView=e;exports.selectNow=m;exports.separator=s;exports.start=o;exports.swapStartEnd=n;exports.time=u;exports.timePickerCancel=k;exports.timePickerSet=p;exports.today=i;exports.toggleCalendar=r;exports.toggleClock=w;exports.toggleDateTimeSelector=d;exports.toggleTimeSelector=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="multiviewcalendar.prevView",t="multiviewcalendar.nextView",a="dateinput.increment",c="dateinput.decrement",i="calendar.today",r="datepicker.toggleCalendar",n="daterangepicker.swapStartEnd",o="daterangepicker.start",l="daterangepicker.end",s="daterangepicker.separator",d="datetimepicker.toggleDateTimeSelector",g="timepicker.now",m="timepicker.selectNow",k="timepicker.cancel",p="timepicker.set",S="timepicker.toggleTimeSelector",w="timepicker.toggleClock",T="datetimepicker.date",u="datetimepicker.time",C="datetimepicker.cancel",v="datetimepicker.set",P="daterangepicker.cancel",V="daterangepicker.set",N={[i]:"Today",[g]:"NOW",[p]:"Set",[k]:"Cancel",[T]:"Date",[u]:"Time",[C]:"Cancel",[v]:"Set",[P]:"Cancel",[V]:"Set",[o]:"Start",[l]:"End",[s]:" ",[m]:"Select Now",[S]:"Toggle TimeSelector",[w]:"Toggle Clock",[a]:"Increase value",[c]:"Decrease value",[r]:"Toggle calendar",[e]:"Navigate to previous view",[t]:"Navigate to next view",[n]:"Swap start and end values",[d]:"Toggle date-time selector"};exports.date=T;exports.dateRangePickerCancel=P;exports.dateRangePickerSet=V;exports.dateTimePickerCancel=C;exports.dateTimePickerSet=v;exports.decreaseValue=c;exports.end=l;exports.increaseValue=a;exports.messages=N;exports.nextView=t;exports.now=g;exports.prevView=e;exports.selectNow=m;exports.separator=s;exports.start=o;exports.swapStartEnd=n;exports.time=u;exports.timePickerCancel=k;exports.timePickerSet=p;exports.today=i;exports.toggleCalendar=r;exports.toggleClock=w;exports.toggleDateTimeSelector=d;exports.toggleTimeSelector=S;

package/messages/index.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 const e = "multiviewcalendar.prevView", t = "multiviewcalendar.nextView", a = "dateinput.increment", c = "dateinput.decrement", n = "calendar.today", i = "datepicker.toggleCalendar", r = "daterangepicker.swapStartEnd", o = "daterangepicker.start", l = "daterangepicker.end", s = "daterangepicker.separator", d = "datetimepicker.toggleDateTimeSelector", g = "timepicker.now", m = "timepicker.selectNow", p = "timepicker.cancel", k = "timepicker.set", w = "timepicker.toggleTimeSelector", S = "timepicker.toggleClock", T = "datetimepicker.date", v = "datetimepicker.time", u = "datetimepicker.cancel", C = "datetimepicker.set", N = "daterangepicker.cancel", P = "daterangepicker.set", V = {
-  [n]: "TODAY",
+  [n]: "Today",
   [g]: "NOW",
   [k]: "Set",
   [p]: "Cancel",

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-dateinputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1712846675,
+  publishDate: 1714397068,
   version: "",
   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"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-dateinputs",
-  "version": "7.4.0",
+  "version": "7.5.0-develop.10",
   "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",
@@ -24,12 +24,12 @@
   "peerDependencies": {
     "@progress/kendo-date-math": "^1.4.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-buttons": "7.4.0",
-    "@progress/kendo-react-common": "7.4.0",
-    "@progress/kendo-react-intl": "7.4.0",
-    "@progress/kendo-react-labels": "7.4.0",
-    "@progress/kendo-react-layout": "7.4.0",
-    "@progress/kendo-react-popup": "7.4.0",
+    "@progress/kendo-react-buttons": "7.5.0-develop.10",
+    "@progress/kendo-react-common": "7.5.0-develop.10",
+    "@progress/kendo-react-intl": "7.5.0-develop.10",
+    "@progress/kendo-react-labels": "7.5.0-develop.10",
+    "@progress/kendo-react-layout": "7.5.0-develop.10",
+    "@progress/kendo-react-popup": "7.5.0-develop.10",
     "@progress/kendo-svg-icons": "^2.1.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/timepicker/TimeList.js

@@ -5,10 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react"),c=require("prop-types"),v=require("@progress/kendo-date-math"),r=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-intl"),b=require("../virtualization/Virtualization.js"),u=require("./models/TimePart.js"),x=require("./services/DayPeriodService.js"),y=require("./services/DOMService.js"),I=require("./services/HoursService.js"),M=require("./services/MinutesService.js"),H=require("./services/SecondsService.js"),d=require("../utils.js");function D(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(s,t,e.get?e:{enumerable:!0,get:()=>n[t]})}}return s.default=n,Object.freeze(s)}const l=D(T),E=2,g=.05,P=100,R=0,O=9,_={[r.Keys.end]:(n,s)=>n[n.length-1],[r.Keys.home]:(n,s)=>n[0],[r.Keys.up]:(n,s)=>n[s-1],[r.Keys.down]:(n,s)=>n[s+1]},m={[u.TIME_PART.dayperiod]:x.DayPeriodService,[u.TIME_PART.hour]:I.HoursService,[u.TIME_PART.minute]:M.MinutesService,[u.TIME_PART.second]:H.SecondsService},a=class a extends l.Component{constructor(s){super(s),this.intl=null,this._element=null,this.service=null,this.virtualization=null,this.topOffset=0,this.bottomOffset=0,this.itemHeight=0,this.listHeight=0,this.topThreshold=0,this.bottomThreshold=0,this.animateToIndex=!1,this.focus=t=>{Promise.resolve().then(()=>{this.element&&this.element.focus(t)})},this.itemOffset=t=>{if(!this.virtualization||!this.service)return-1;const e=this.service.selectedIndex(this.props.value),i=this.virtualization.activeIndex(),o=this.virtualization.itemOffset(i),h=Math.abs(Math.ceil(t)-o);if(e===i&&h<E)return o;const f=e>i;return f&&h>=this.bottomThreshold||!f&&h>this.topThreshold?this.virtualization.itemOffset(i+1):o},this.calculateHeights=()=>{this.dom.didCalculate&&(this.itemHeight=this.dom.itemHeight,this.listHeight=this.dom.timeListHeight,this.topOffset=(this.listHeight-this.itemHeight)/2,this.bottomOffset=this.listHeight-this.itemHeight,this.props.mobileMode&&(this.topOffset+=O,this.bottomOffset+=O*2),this.topThreshold=this.itemHeight*g,this.bottomThreshold=this.itemHeight*(1-g))},this.configureServices=({min:t,max:e,value:i}=this.props)=>{if(this.service){const[o,h]=this.service.limitRange(t||this.min,e||this.max,i||this.props.value);this.service.configure(this.serviceSettings({min:o,max:h}))}},this.serviceSettings=t=>{const e={boundRange:this.props.boundRange||a.defaultProps.boundRange,insertUndividedMax:!1,min:v.cloneDate(this.min),max:v.cloneDate(this.max),part:this.props.part,step:this.step},i=Object.assign({},e,t);return i.boundRange=i.part.type!=="hour"||this.props.boundRange||a.defaultProps.boundRange,i},this.handleScrollAction=({target:t,animationInProgress:e})=>{if(!(!this.virtualization||!this.service)&&t&&!e){this.animateToIndex=!1;const i=this.virtualization.itemIndex(this.itemOffset(t.scrollTop)),o=this.service.data(this.props.value)[i];this.handleChange(o)}},this.handleFocus=t=>{const{onFocus:e}=this.props;e&&e.call(void 0,t)},this.handleBlur=t=>{const{onBlur:e}=this.props;e&&e.call(void 0,t)},this.handleMouseOver=()=>{if(!this._element)return;const t=r.getActiveElement(document);document&&t!==this._element&&this.props.show&&this._element.focus({preventScroll:!0})},this.handleKeyDown=t=>{if(!this.service)return;const{keyCode:e}=t;(e===r.Keys.down||e===r.Keys.up||e===r.Keys.end||e===r.Keys.home)&&t.preventDefault();const o=(_[t.keyCode]||r.noop)(this.service.data(this.props.value),this.service.selectedIndex(this.props.value));o&&this.handleChange(o)},this.handleChange=d.debounce(t=>{if(!this.service)return;const e=this.service.apply(this.props.value,t.value);if(this.props.value.getTime()===e.getTime())return;const{onChange:i}=this.props;i&&i.call(void 0,e)},P),this.dom=new y.DOMService}get element(){return this._element}get animate(){return!!(this.props.smoothScroll&&this.animateToIndex)}get min(){return this.props.min||a.defaultProps.min}get max(){return this.props.max||a.defaultProps.max}get step(){return this.props.step!==void 0&&this.props.step!==0?Math.floor(this.props.step):a.defaultProps.step}componentDidMount(){Promise.resolve().then(()=>{this._element&&(this.dom.calculateHeights(this._element),this.forceUpdate())})}componentDidUpdate(){if(!this.virtualization||!this.service)return;const s=this.service.selectedIndex(this.props.value);this.virtualization[this.animate?"animateToIndex":"scrollToIndex"](s),this.animateToIndex=!0}render(){if(!this.props.part.type||!m[this.props.part.type])return;this.calculateHeights(),this.intl=S.provideIntlService(this),this.service=new m[this.props.part.type](this.intl),this.configureServices();const s=this.service.data(this.props.value),t="translateY("+this.topOffset+"px)",e=this.service.total(this.props.value),i=l.createElement("ul",{style:{transform:t,msTransform:t},className:"k-reset"},s.map((o,h)=>l.createElement("li",{key:h,className:"k-item",onClick:()=>{this.handleChange(o)}},l.createElement("span",null,o.text))));return l.createElement("div",{className:"k-time-list",id:String(this.props.id||""),tabIndex:this.props.disabled?-1:0,ref:o=>{this._element=o},onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver},this.dom.didCalculate?l.createElement(b.Virtualization,{bottomOffset:this.bottomOffset,children:i,className:"k-time-container",itemHeight:this.itemHeight,maxScrollDifference:this.listHeight,onScrollAction:this.handleScrollAction,ref:o=>{this.virtualization=o},role:"presentation",skip:R,tabIndex:-1,take:e,topOffset:this.topOffset,total:e}):l.createElement("div",{className:"k-time-container"},i))}};a.propTypes={id:c.number,max:c.instanceOf(Date),min:c.instanceOf(Date),part:function(s,t,e){const i=s[t];if(!i||!m[i.type])throw new Error(`
-                    Invalid prop '${t}' supplied to ${e}.
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react"),c=require("prop-types"),v=require("@progress/kendo-date-math"),a=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-intl"),b=require("../virtualization/Virtualization.js"),u=require("./models/TimePart.js"),x=require("./services/DayPeriodService.js"),y=require("./services/DOMService.js"),I=require("./services/HoursService.js"),M=require("./services/MinutesService.js"),H=require("./services/SecondsService.js"),d=require("../utils.js");function D(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(s,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return s.default=o,Object.freeze(s)}const r=D(T),E=2,g=.05,P=100,R=0,O=9,k={[a.Keys.end]:(o,s)=>o[o.length-1],[a.Keys.home]:(o,s)=>o[0],[a.Keys.up]:(o,s)=>o[s-1],[a.Keys.down]:(o,s)=>o[s+1]},m={[u.TIME_PART.dayperiod]:x.DayPeriodService,[u.TIME_PART.hour]:I.HoursService,[u.TIME_PART.minute]:M.MinutesService,[u.TIME_PART.second]:H.SecondsService},h=class h extends r.Component{constructor(s){super(s),this.intl=null,this._element=null,this.service=null,this.virtualization=null,this.topOffset=0,this.bottomOffset=0,this.itemHeight=0,this.listHeight=0,this.topThreshold=0,this.bottomThreshold=0,this.animateToIndex=!1,this.focus=e=>{Promise.resolve().then(()=>{this.element&&this.element.focus(e)})},this.itemOffset=e=>{if(!this.virtualization||!this.service)return-1;const t=this.service.selectedIndex(this.props.value),i=this.virtualization.activeIndex(),n=this.virtualization.itemOffset(i),l=Math.abs(Math.ceil(e)-n);if(t===i&&l<E)return n;const f=t>i;return f&&l>=this.bottomThreshold||!f&&l>this.topThreshold?this.virtualization.itemOffset(i+1):n},this.calculateHeights=()=>{this.dom.didCalculate&&(this.itemHeight=this.dom.itemHeight,this.listHeight=this.dom.timeListHeight,this.topOffset=(this.listHeight-this.itemHeight)/2,this.bottomOffset=this.listHeight-this.itemHeight,this.props.mobileMode&&(this.topOffset+=O,this.bottomOffset+=O*2),this.topThreshold=this.itemHeight*g,this.bottomThreshold=this.itemHeight*(1-g))},this.configureServices=({min:e,max:t,value:i}=this.props)=>{if(this.service){const[n,l]=this.service.limitRange(e||this.min,t||this.max,i||this.props.value);this.service.configure(this.serviceSettings({min:n,max:l}))}},this.serviceSettings=e=>{const t={boundRange:this.props.boundRange||h.defaultProps.boundRange,insertUndividedMax:!1,min:v.cloneDate(this.min),max:v.cloneDate(this.max),part:this.props.part,step:this.step},i=Object.assign({},t,e);return i.boundRange=i.part.type!=="hour"||this.props.boundRange||h.defaultProps.boundRange,i},this.handleScrollAction=({target:e,animationInProgress:t})=>{if(!(!this.virtualization||!this.service)&&e&&!t){this.animateToIndex=!1;const i=this.virtualization.itemIndex(this.itemOffset(e.scrollTop)),n=this.service.data(this.props.value)[i];this.handleChange(n)}},this.handleFocus=e=>{const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleBlur=e=>{const{onBlur:t}=this.props;t&&t.call(void 0,e)},this.handleMouseOver=()=>{if(!this._element)return;const e=a.getActiveElement(document);document&&e!==this._element&&this.props.show&&this._element.focus({preventScroll:!0})},this.handleKeyDown=e=>{if(!this.service)return;const{keyCode:t}=e;(t===a.Keys.down||t===a.Keys.up||t===a.Keys.end||t===a.Keys.home)&&e.preventDefault();const n=(k[e.keyCode]||a.noop)(this.service.data(this.props.value),this.service.selectedIndex(this.props.value));n&&this.handleChange(n)},this.handleChange=d.debounce(e=>{if(!this.service)return;const t=this.service.apply(this.props.value,e.value);if(this.props.value.getTime()===t.getTime())return;const{onChange:i}=this.props;i&&i.call(void 0,t)},P),this.dom=new y.DOMService}get element(){return this._element}get animate(){return!!(this.props.smoothScroll&&this.animateToIndex)}get min(){return this.props.min||h.defaultProps.min}get max(){return this.props.max||h.defaultProps.max}get step(){return this.props.step!==void 0&&this.props.step!==0?Math.floor(this.props.step):h.defaultProps.step}componentDidMount(){Promise.resolve().then(()=>{this._element&&(this.dom.calculateHeights(this._element),this.forceUpdate())})}componentDidUpdate(){if(!this.virtualization||!this.service)return;const s=this.service.selectedIndex(this.props.value);this.virtualization[this.animate?"animateToIndex":"scrollToIndex"](s),this.animateToIndex=!0}render(){if(!this.props.part.type||!m[this.props.part.type])return;this.calculateHeights(),this.intl=S.provideIntlService(this),this.service=new m[this.props.part.type](this.intl),this.configureServices();const s=this.service.data(this.props.value),e="translateY("+this.topOffset+"px)",t=this.service.total(this.props.value),i=r.createElement(r.Fragment,null,r.createElement("ul",{style:{transform:e,msTransform:e},className:"k-reset"},s.map((n,l)=>r.createElement("li",{key:l,className:"k-item",onClick:()=>{this.handleChange(n)}},r.createElement("span",null,n.text)))),r.createElement("div",{className:"k-scrollable-placeholder"}));return r.createElement("div",{className:"k-time-list",id:String(this.props.id||""),tabIndex:this.props.disabled?-1:0,ref:n=>{this._element=n},onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver},this.dom.didCalculate?r.createElement(b.Virtualization,{bottomOffset:this.bottomOffset,children:i,className:"k-time-container",itemHeight:this.itemHeight,maxScrollDifference:this.listHeight,onScrollAction:this.handleScrollAction,ref:n=>{this.virtualization=n},role:"presentation",skip:R,tabIndex:-1,take:t,topOffset:this.topOffset,total:t}):r.createElement("div",{className:"k-time-container k-content k-scrollable"},i))}};h.propTypes={id:c.number,max:c.instanceOf(Date),min:c.instanceOf(Date),part:function(s,e,t){const i=s[e];if(!i||!m[i.type])throw new Error(`
+                    Invalid prop '${e}' supplied to ${t}.
                     Supported part types are hour|minute|second|dayperiod.
-                `);return null},step:function(s,t,e){const i=s[t];if(i!==void 0&&i<=0)throw new Error(`
-                    Invalid prop '${t}' supplied to ${e}.
-                    ${t} cannot be less than 1.
-                `);return null},value:c.instanceOf(Date),smoothScroll:c.bool,show:c.bool},a.defaultProps={boundRange:!1,max:d.MAX_TIME,min:d.MIDNIGHT_DATE,step:1,smoothScroll:!0};let p=a;S.registerForIntl(p);exports.TimeList=p;
+                `);return null},step:function(s,e,t){const i=s[e];if(i!==void 0&&i<=0)throw new Error(`
+                    Invalid prop '${e}' supplied to ${t}.
+                    ${e} cannot be less than 1.
+                `);return null},value:c.instanceOf(Date),smoothScroll:c.bool,show:c.bool},h.defaultProps={boundRange:!1,max:d.MAX_TIME,min:d.MIDNIGHT_DATE,step:1,smoothScroll:!0};let p=h;S.registerForIntl(p);exports.TimeList=p;