@progress/kendo-react-dateinputs 15.1.1-develop.3 → 15.2.0-develop.2

package/messages/index.d.ts

@@ -29,6 +29,10 @@ export declare const clear = "dateinput.clear";
  * @hidden
  */
 export declare const today = "calendar.today";
+/**
+ * @hidden
+ */
+export declare const titleAriaLabel = "calendar.titleAriaLabel";
 /**
  * @hidden
  */
@@ -154,4 +158,5 @@ export declare const messages: {
     "datetimepicker.selectDateAndTime": string;
     "daterangepicker.selectStartDate": string;
     "daterangepicker.selectEndDate": string;
+    "calendar.titleAriaLabel": string;
 };

package/messages/index.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="multiviewcalendar.prevView",t="multiviewcalendar.nextView",a="dateinput.increment",c="dateinput.decrement",i="dateinput.clear",n="calendar.today",r="datepicker.toggleCalendar",l="datepicker.selectDate",o="daterangepicker.swapStartEnd",s="daterangepicker.start",d="daterangepicker.selectStartDate",g="daterangepicker.selectEndDate",m="daterangepicker.end",k="daterangepicker.separator",p="datetimepicker.toggleDateTimeSelector",S="datetimepicker.selectDateAndTime",T="timepicker.now",w="timepicker.selectNow",D="timepicker.cancel",u="timepicker.set",C="timepicker.toggleTimeSelector",v="timepicker.toggleClock",P="timepicker.selectTime",V="datetimepicker.date",E="datetimepicker.time",N="datetimepicker.cancel",y="datetimepicker.set",x="daterangepicker.cancel",R="daterangepicker.set",A={[n]:"Today",[T]:"NOW",[u]:"Set",[D]:"Cancel",[V]:"Date",[E]:"Time",[N]:"Cancel",[y]:"Set",[x]:"Cancel",[R]:"Set",[s]:"Start",[m]:"End",[k]:" ",[w]:"Select Now",[C]:"Toggle TimeSelector",[v]:"Toggle Clock",[P]:"Select time",[a]:"Increase value",[c]:"Decrease value",[i]:"clear",[r]:"Toggle calendar",[l]:"Select date",[e]:"Navigate to previous view",[t]:"Navigate to next view",[o]:"Swap start and end values",[p]:"Toggle date-time selector",[S]:"Select date and time",[d]:"Start date",[g]:"End date"};exports.clear=i;exports.date=V;exports.dateRangePickerCancel=x;exports.dateRangePickerSet=R;exports.dateTimePickerCancel=N;exports.dateTimePickerSet=y;exports.decreaseValue=c;exports.end=m;exports.increaseValue=a;exports.messages=A;exports.nextView=t;exports.now=T;exports.prevView=e;exports.selectDate=l;exports.selectDateAndTime=S;exports.selectEndDate=g;exports.selectNow=w;exports.selectStartDate=d;exports.selectTime=P;exports.separator=k;exports.start=s;exports.swapStartEnd=o;exports.time=E;exports.timePickerCancel=D;exports.timePickerSet=u;exports.today=n;exports.toggleCalendar=r;exports.toggleClock=v;exports.toggleDateTimeSelector=p;exports.toggleTimeSelector=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="multiviewcalendar.prevView",t="multiviewcalendar.nextView",a="dateinput.increment",c="dateinput.decrement",i="dateinput.clear",r="calendar.today",n="calendar.titleAriaLabel",l="datepicker.toggleCalendar",o="datepicker.selectDate",s="daterangepicker.swapStartEnd",d="daterangepicker.start",g="daterangepicker.selectStartDate",m="daterangepicker.selectEndDate",k="daterangepicker.end",p="daterangepicker.separator",S="datetimepicker.toggleDateTimeSelector",T="datetimepicker.selectDateAndTime",w="timepicker.now",D="timepicker.selectNow",u="timepicker.cancel",v="timepicker.set",C="timepicker.toggleTimeSelector",P="timepicker.toggleClock",V="timepicker.selectTime",E="datetimepicker.date",N="datetimepicker.time",y="datetimepicker.cancel",A="datetimepicker.set",b="daterangepicker.cancel",x="daterangepicker.set",R={[r]:"Today",[w]:"NOW",[v]:"Set",[u]:"Cancel",[E]:"Date",[N]:"Time",[y]:"Cancel",[A]:"Set",[b]:"Cancel",[x]:"Set",[d]:"Start",[k]:"End",[p]:" ",[D]:"Select Now",[C]:"Toggle TimeSelector",[P]:"Toggle Clock",[V]:"Select time",[a]:"Increase value",[c]:"Decrease value",[i]:"clear",[l]:"Toggle calendar",[o]:"Select date",[e]:"Navigate to previous view",[t]:"Navigate to next view",[s]:"Swap start and end values",[S]:"Toggle date-time selector",[T]:"Select date and time",[g]:"Start date",[m]:"End date",[n]:"Navigate to parent view:"};exports.clear=i;exports.date=E;exports.dateRangePickerCancel=b;exports.dateRangePickerSet=x;exports.dateTimePickerCancel=y;exports.dateTimePickerSet=A;exports.decreaseValue=c;exports.end=k;exports.increaseValue=a;exports.messages=R;exports.nextView=t;exports.now=w;exports.prevView=e;exports.selectDate=o;exports.selectDateAndTime=T;exports.selectEndDate=m;exports.selectNow=D;exports.selectStartDate=g;exports.selectTime=V;exports.separator=p;exports.start=d;exports.swapStartEnd=s;exports.time=N;exports.timePickerCancel=u;exports.timePickerSet=v;exports.titleAriaLabel=n;exports.today=r;exports.toggleCalendar=l;exports.toggleClock=P;exports.toggleDateTimeSelector=S;exports.toggleTimeSelector=C;

package/messages/index.mjs

@@ -5,66 +5,68 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const e = "multiviewcalendar.prevView", t = "multiviewcalendar.nextView", a = "dateinput.increment", c = "dateinput.decrement", n = "dateinput.clear", i = "calendar.today", r = "datepicker.toggleCalendar", o = "datepicker.selectDate", l = "daterangepicker.swapStartEnd", s = "daterangepicker.start", d = "daterangepicker.selectStartDate", g = "daterangepicker.selectEndDate", m = "daterangepicker.end", p = "daterangepicker.separator", k = "datetimepicker.toggleDateTimeSelector", S = "datetimepicker.selectDateAndTime", T = "timepicker.now", w = "timepicker.selectNow", v = "timepicker.cancel", D = "timepicker.set", u = "timepicker.toggleTimeSelector", C = "timepicker.toggleClock", E = "timepicker.selectTime", N = "datetimepicker.date", P = "datetimepicker.time", V = "datetimepicker.cancel", x = "datetimepicker.set", y = "daterangepicker.cancel", A = "daterangepicker.set", R = {
-  [i]: "Today",
+const e = "multiviewcalendar.prevView", t = "multiviewcalendar.nextView", a = "dateinput.increment", c = "dateinput.decrement", i = "dateinput.clear", n = "calendar.today", r = "calendar.titleAriaLabel", l = "datepicker.toggleCalendar", o = "datepicker.selectDate", s = "daterangepicker.swapStartEnd", d = "daterangepicker.start", g = "daterangepicker.selectStartDate", m = "daterangepicker.selectEndDate", p = "daterangepicker.end", k = "daterangepicker.separator", S = "datetimepicker.toggleDateTimeSelector", w = "datetimepicker.selectDateAndTime", T = "timepicker.now", v = "timepicker.selectNow", D = "timepicker.cancel", u = "timepicker.set", C = "timepicker.toggleTimeSelector", N = "timepicker.toggleClock", E = "timepicker.selectTime", P = "datetimepicker.date", V = "datetimepicker.time", x = "datetimepicker.cancel", A = "datetimepicker.set", y = "daterangepicker.cancel", b = "daterangepicker.set", L = {
+  [n]: "Today",
   [T]: "NOW",
-  [D]: "Set",
-  [v]: "Cancel",
-  [N]: "Date",
-  [P]: "Time",
-  [V]: "Cancel",
-  [x]: "Set",
-  [y]: "Cancel",
+  [u]: "Set",
+  [D]: "Cancel",
+  [P]: "Date",
+  [V]: "Time",
+  [x]: "Cancel",
   [A]: "Set",
-  [s]: "Start",
-  [m]: "End",
-  [p]: " ",
-  [w]: "Select Now",
-  [u]: "Toggle TimeSelector",
-  [C]: "Toggle Clock",
+  [y]: "Cancel",
+  [b]: "Set",
+  [d]: "Start",
+  [p]: "End",
+  [k]: " ",
+  [v]: "Select Now",
+  [C]: "Toggle TimeSelector",
+  [N]: "Toggle Clock",
   [E]: "Select time",
   [a]: "Increase value",
   [c]: "Decrease value",
-  [n]: "clear",
-  [r]: "Toggle calendar",
+  [i]: "clear",
+  [l]: "Toggle calendar",
   [o]: "Select date",
   [e]: "Navigate to previous view",
   [t]: "Navigate to next view",
-  [l]: "Swap start and end values",
-  [k]: "Toggle date-time selector",
-  [S]: "Select date and time",
-  [d]: "Start date",
-  [g]: "End date"
+  [s]: "Swap start and end values",
+  [S]: "Toggle date-time selector",
+  [w]: "Select date and time",
+  [g]: "Start date",
+  [m]: "End date",
+  [r]: "Navigate to parent view:"
 };
 export {
-  n as clear,
-  N as date,
+  i as clear,
+  P as date,
   y as dateRangePickerCancel,
-  A as dateRangePickerSet,
-  V as dateTimePickerCancel,
-  x as dateTimePickerSet,
+  b as dateRangePickerSet,
+  x as dateTimePickerCancel,
+  A as dateTimePickerSet,
   c as decreaseValue,
-  m as end,
+  p as end,
   a as increaseValue,
-  R as messages,
+  L as messages,
   t as nextView,
   T as now,
   e as prevView,
   o as selectDate,
-  S as selectDateAndTime,
-  g as selectEndDate,
-  w as selectNow,
-  d as selectStartDate,
+  w as selectDateAndTime,
+  m as selectEndDate,
+  v as selectNow,
+  g as selectStartDate,
   E as selectTime,
-  p as separator,
-  s as start,
-  l as swapStartEnd,
-  P as time,
-  v as timePickerCancel,
-  D as timePickerSet,
-  i as today,
-  r as toggleCalendar,
-  C as toggleClock,
-  k as toggleDateTimeSelector,
-  u as toggleTimeSelector
+  k as separator,
+  d as start,
+  s as swapStartEnd,
+  V as time,
+  D as timePickerCancel,
+  u as timePickerSet,
+  r as titleAriaLabel,
+  n as today,
+  l as toggleCalendar,
+  N as toggleClock,
+  S as toggleDateTimeSelector,
+  C as toggleTimeSelector
 };

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=Object.freeze({name:"@progress/kendo-react-dateinputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1784271748,version:"15.1.1-develop.3",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=Object.freeze({name:"@progress/kendo-react-dateinputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1785412080,version:"15.2.0-develop.2",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

@@ -6,8 +6,8 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1784271748,
-    version: '15.1.1-develop.3',
+    publishDate: 1785412080,
+    version: '15.2.0-develop.2',
     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": "15.1.1-develop.3",
+  "version": "15.2.0-develop.2",
   "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",
@@ -27,13 +27,13 @@
   "peerDependencies": {
     "@progress/kendo-date-math": "^1.4.0",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-dateinputs-common": "^0.4.7",
-    "@progress/kendo-react-buttons": "15.1.1-develop.3",
-    "@progress/kendo-react-common": "15.1.1-develop.3",
-    "@progress/kendo-react-intl": "15.1.1-develop.3",
-    "@progress/kendo-react-labels": "15.1.1-develop.3",
-    "@progress/kendo-react-layout": "15.1.1-develop.3",
-    "@progress/kendo-react-popup": "15.1.1-develop.3",
+    "@progress/kendo-dateinputs-common": "^0.4.11",
+    "@progress/kendo-react-buttons": "15.2.0-develop.2",
+    "@progress/kendo-react-common": "15.2.0-develop.2",
+    "@progress/kendo-react-intl": "15.2.0-develop.2",
+    "@progress/kendo-react-labels": "15.2.0-develop.2",
+    "@progress/kendo-react-layout": "15.2.0-develop.2",
+    "@progress/kendo-react-popup": "15.2.0-develop.2",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -89,7 +89,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1784271748,
+      "publishDate": 1785412080,
       "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/timepicker/TimeList.js

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

package/timepicker/TimeList.mjs

@@ -17,64 +17,64 @@ import { DOMService as _ } from "./services/DOMService.mjs";
 import { HoursService as C } from "./services/HoursService.mjs";
 import { MinutesService as w } from "./services/MinutesService.mjs";
 import { SecondsService as R } from "./services/SecondsService.mjs";
-import { debounce as P, MIDNIGHT_DATE as z, MAX_TIME as A } from "../utils.mjs";
-const F = 2, b = 0.05, N = 100, k = 0, O = 9, B = {
-  [c.end]: (a, i) => a[a.length - 1],
-  [c.home]: (a, i) => a[0],
-  [c.up]: (a, i) => a[i - 1],
-  [c.down]: (a, i) => a[i + 1]
+import { debounce as P, MIDNIGHT_DATE as z, MAX_TIME as F } from "../utils.mjs";
+const N = 2, b = 0.05, A = 100, k = 0, O = 9, B = {
+  [c.end]: (a, s) => a[a.length - 1],
+  [c.home]: (a, s) => a[0],
+  [c.up]: (a, s) => a[s - 1],
+  [c.down]: (a, s) => a[s + 1]
 }, g = {
   [f.dayperiod]: D,
   [f.hour]: C,
   [f.minute]: w,
   [f.second]: R
 }, h = class h extends r.Component {
-  constructor(i) {
-    super(i), 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) => {
+  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 s = this.service.selectedIndex(this.props.value), t = this.virtualization.activeIndex(), o = this.virtualization.itemOffset(t), n = Math.abs(Math.ceil(e) - o);
-      if (s === t && n < F)
+      const i = this.service.selectedIndex(this.props.value), t = this.virtualization.activeIndex(), o = this.virtualization.itemOffset(t), n = Math.abs(Math.ceil(e) - o);
+      if (i === t && n < N)
         return o;
-      const p = s > t;
+      const p = i > t;
       return p && n >= this.bottomThreshold || !p && n > this.topThreshold ? this.virtualization.itemOffset(t + 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 * b, this.bottomThreshold = this.itemHeight * (1 - b));
-    }, this.configureServices = ({ min: e, max: s, value: t } = this.props) => {
+    }, this.configureServices = ({ min: e, max: i, value: t } = this.props) => {
       if (this.service) {
         const [o, n] = this.service.limitRange(
           e || this.min,
-          s || this.max,
+          i || this.max,
           t || this.props.value
         );
         this.service.configure(this.serviceSettings({ min: o, max: n }));
       }
     }, this.serviceSettings = (e) => {
-      const s = {
+      const i = {
         boundRange: this.props.boundRange || h.defaultProps.boundRange,
         insertUndividedMax: !1,
         min: H(this.min),
         max: H(this.max),
         part: this.props.part,
         step: this.step
-      }, t = Object.assign({}, s, e);
+      }, t = Object.assign({}, i, e);
       return t.boundRange = t.part.type !== "hour" || this.props.boundRange || h.defaultProps.boundRange, t;
-    }, this.handleScrollAction = ({ target: e, animationInProgress: s }) => {
-      if (!(!this.virtualization || !this.service) && e && !s) {
+    }, this.handleScrollAction = ({ target: e, animationInProgress: i }) => {
+      if (!(!this.virtualization || !this.service) && e && !i) {
         this.animateToIndex = !1;
         const t = this.virtualization.itemIndex(this.itemOffset(e.scrollTop)), o = this.service.data(this.props.value)[t];
         this.handleChange(o);
       }
     }, this.handleFocus = (e) => {
-      const { onFocus: s } = this.props;
-      s && s.call(void 0, e);
+      const { onFocus: i } = this.props;
+      i && i.call(void 0, e);
     }, this.handleBlur = (e) => {
-      const { onBlur: s } = this.props;
-      s && s.call(void 0, e);
+      const { onBlur: i } = this.props;
+      i && i.call(void 0, e);
     }, this.handleMouseOver = () => {
       if (!this._element)
         return;
@@ -83,19 +83,19 @@ const F = 2, b = 0.05, N = 100, k = 0, O = 9, B = {
     }, this.handleKeyDown = (e) => {
       if (!this.service)
         return;
-      const { keyCode: s } = e;
-      (s === c.down || s === c.up || s === c.end || s === c.home) && e.preventDefault();
+      const { keyCode: i } = e;
+      (i === c.down || i === c.up || i === c.end || i === c.home) && e.preventDefault();
       const o = (B[e.keyCode] || I)(this.service.data(this.props.value), this.service.selectedIndex(this.props.value));
       o && this.handleChange(o);
     }, this.handleChange = P((e) => {
       if (!this.service)
         return;
-      const s = this.service.apply(this.props.value, e.value);
-      if (this.props.value.getTime() === s.getTime())
+      const i = this.service.apply(this.props.value, e.value);
+      if (this.props.value.getTime() === i.getTime())
         return;
       const { onChange: t } = this.props;
-      t && t.call(void 0, s);
-    }, N), this.dom = new _();
+      t && t.call(void 0, i);
+    }, A), this.dom = new _();
   }
   get element() {
     return this._element;
@@ -117,25 +117,25 @@ const F = 2, b = 0.05, N = 100, k = 0, O = 9, B = {
    */
   componentDidMount() {
     Promise.resolve().then(() => {
-      const { unstyled: i } = this.props;
-      this._element && (this.dom.calculateHeights(this._element, i), this.lastMeasuredHeight = this._element.clientHeight, this.forceUpdate());
+      const { unstyled: s } = this.props;
+      this._element && (this.dom.calculateHeights(this._element, s), this.lastMeasuredHeight = this._element.clientHeight, this.forceUpdate());
     });
   }
   /**
    * @hidden
    */
-  componentDidUpdate(i) {
-    var s;
+  componentDidUpdate(s) {
+    var i;
     if (!this.virtualization || !this.service)
       return;
     if (this._element) {
-      const t = this._element.clientHeight, o = this.lastMeasuredHeight !== void 0 && Math.abs(t - this.lastMeasuredHeight) > 1, n = this.props.mobileMode !== i.mobileMode;
+      const t = this._element.clientHeight, o = this.lastMeasuredHeight !== void 0 && Math.abs(t - this.lastMeasuredHeight) > 1, n = this.props.mobileMode !== s.mobileMode;
       if (o || n) {
         const { unstyled: p } = this.props;
         this.dom.calculateHeights(this._element, p), this.calculateHeights(), this.lastMeasuredHeight = t, this.animateToIndex = !1, this.forceUpdate();
         return;
       }
-      (s = this.lastMeasuredHeight) != null || (this.lastMeasuredHeight = t);
+      (i = this.lastMeasuredHeight) != null || (this.lastMeasuredHeight = t);
     }
     const e = this.service.selectedIndex(this.props.value);
     if (this.virtualization[this.animate ? "animateToIndex" : "scrollToIndex"](e), this.animateToIndex = !0, !this.topOffset && this._element) {
@@ -147,22 +147,25 @@ const F = 2, b = 0.05, N = 100, k = 0, O = 9, B = {
    * @hidden
    */
   render() {
-    const { part: i, value: e, unstyled: s } = this.props;
-    if (!i.type || !g[i.type])
+    const { part: s, value: e, unstyled: i } = this.props;
+    if (!s.type || !g[s.type])
       return;
-    const t = s && s.uTime;
-    this.calculateHeights(), this.intl = M(this), this.service = new g[i.type](this.intl), this.configureServices();
+    const t = i && i.uTime;
+    this.calculateHeights(), this.intl = M(this), this.service = new g[s.type](this.intl), this.configureServices();
     const o = this.service.data(e), n = "translateY(" + this.topOffset + "px)", p = this.service.total(e), v = /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
       "ul",
       {
         style: { transform: n, msTransform: n },
-        className: u(l.ul({ c: t }))
+        className: u(l.ul({ c: t })),
+        role: "none"
       },
       o.map((m, T) => /* @__PURE__ */ r.createElement(
         "li",
         {
           key: T,
           className: u(l.li({ c: t })),
+          role: "option",
+          "aria-selected": !1,
           onClick: () => {
             this.handleChange(m);
           }
@@ -176,6 +179,8 @@ const F = 2, b = 0.05, N = 100, k = 0, O = 9, B = {
         className: u(l.list({ c: t })),
         id: String(this.props.id || ""),
         tabIndex: this.props.disabled ? -1 : 0,
+        role: "listbox",
+        "aria-label": this.intl.dateFieldName(s),
         ref: (m) => {
           this._element = m;
         },
@@ -199,13 +204,12 @@ const F = 2, b = 0.05, N = 100, k = 0, O = 9, B = {
           ref: (m) => {
             this.virtualization = m;
           },
-          role: "presentation",
           skip: k,
           tabIndex: -1,
           take: p,
           topOffset: this.topOffset,
           total: p,
-          unstyled: s
+          unstyled: i
         }
       ) : /* @__PURE__ */ r.createElement(
         "div",
@@ -224,20 +228,20 @@ h.propTypes = {
   id: d.number,
   max: d.instanceOf(Date),
   min: d.instanceOf(Date),
-  part: function(i, e, s) {
-    const t = i[e];
+  part: function(s, e, i) {
+    const t = s[e];
     if (!t || !g[t.type])
       throw new Error(`
-                    Invalid prop '${e}' supplied to ${s}.
+                    Invalid prop '${e}' supplied to ${i}.
                     Supported part types are hour|minute|second|dayperiod.
                 `);
     return null;
   },
-  step: function(i, e, s) {
-    const t = i[e];
+  step: function(s, e, i) {
+    const t = s[e];
     if (t !== void 0 && t <= 0)
       throw new Error(`
-                    Invalid prop '${e}' supplied to ${s}.
+                    Invalid prop '${e}' supplied to ${i}.
                     ${e} cannot be less than 1.
                 `);
     return null;
@@ -247,7 +251,7 @@ h.propTypes = {
   show: d.bool
 }, h.defaultProps = {
   boundRange: !1,
-  max: A,
+  max: F,
   min: z,
   step: 1,
   smoothScroll: !0

package/timepicker/TimePart.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 B=require("react"),e=require("prop-types"),D=require("@progress/kendo-date-math"),n=require("@progress/kendo-react-common"),v=require("@progress/kendo-react-intl"),h=require("../messages/index.js"),E=require("./TimeList.js"),b=require("../utils.js"),T=require("./models/TimePart.js"),m=require("./utils.js"),k=require("@progress/kendo-react-buttons");function P(p){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const s in p)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(p,s);Object.defineProperty(i,s,t.get?t:{enumerable:!0,get:()=>p[s]})}}return i.default=p,Object.freeze(i)}const o=P(B),y=new RegExp(`${T.TIME_PART.hour}|${T.TIME_PART.minute}|${T.TIME_PART.second}|${T.TIME_PART.dayperiod}|literal`),l=class l extends o.Component{constructor(i){super(i),this._element=null,this._nowButton=null,this.dateFormatParts=[],this.timeLists=[],this.focus=(s,t)=>{Promise.resolve().then(()=>{t&&this._nowButton&&this._nowButton.element&&this._nowButton.element.focus();const a=this.timeLists[0];!t&&this.state.activeListIndex===-1&&!this.hasActiveButton()&&a&&a.element&&a.focus(s)})},this.timeFormatReducer=(s,t)=>s+t.pattern,this.timeFormatFilter=(s,t,a)=>{const r=t>=1&&a[t-1];return r&&r&&s.type==="literal"?y.test(r.type||""):y.test(s.type||"")},this.focusList=s=>{this.timeLists.length&&this.timeLists.reduce(this.listReducer,[]).map(t=>s===1?t.next:t.prev).map(t=>t&&t.element&&t.element.focus({preventScroll:!0}))},this.listReducer=(s,t,a,r)=>s.length||t.props.id!==this.state.activeListIndex?s:[{next:r[a+1]||t,prev:r[a-1]||t}],this.showNowButton=()=>!this.hasSteps()&&this.props.nowButton&&m.isInTimeRange(m.getNow(),this.min,this.max),this.handleKeyDown=s=>{const{keyCode:t}=s;switch(t){case n.Keys.left:s.preventDefault(),this.focusList(0);return;case n.Keys.right:s.preventDefault(),this.focusList(1);return;default:return}},this.handleListBlur=()=>{this.nextTick(()=>{this.setState({activeListIndex:-1})})},this.handleListFocus=s=>{clearTimeout(this.nextTickId),this.setState({activeListIndex:s})},this.handleChange=s=>{const{onChange:t}=this.props;t&&t.call(void 0,s)},this.snapTime=m.snapTime(m.generateSnappers(this.props.steps,this.props.min||l.defaultProps.min)),this.state={activeListIndex:-1},this.hasActiveButton=this.hasActiveButton.bind(this)}get element(){return this._element}get value(){return m.timeInRange(this.snapTime(D.cloneDate(this.props.value||b.MIDNIGHT_DATE)),this.min,this.max)}get intl(){return v.provideIntlService(this)}get min(){return this.snapTime(this.props.min||l.defaultProps.min)}get max(){return this.snapTime(this.props.max||l.defaultProps.max)}get steps(){return this.props.steps||l.defaultProps.steps}get boundRange(){return this.props.boundRange!==void 0?this.props.boundRange:l.defaultProps.boundRange}componentWillUnmount(){clearTimeout(this.nextTickId)}componentDidMount(){const{onMount:i}=this.props;i&&i.call(void 0,this.value)}render(){const{format:i,smoothScroll:s,onNowClick:t,className:a,disabled:r,mobileMode:N,show:x,onNowKeyDown:R,unstyled:w}=this.props,u=w&&w.uTime;this.snapTime=m.snapTime(m.generateSnappers(this.steps,this.min)),this.dateFormatParts=this.intl.splitDateFormat(i||l.defaultProps.format).filter(this.timeFormatFilter);const O=n.classNames(n.uTime.part({c:u,mobileMode:N,disabled:r}),a);this.timeLists=[];const I=v.provideLocalizationService(this),L=I.toLanguageString(h.selectNow,h.messages[h.selectNow]);return o.createElement("div",{className:O},o.createElement("div",{className:n.classNames(n.uTime.header({c:u}))},o.createElement("span",{className:n.classNames(n.uTime.title({c:u}))},this.intl.formatDate(this.value,this.dateFormatParts.reduce(this.timeFormatReducer,""))),this.showNowButton()&&o.createElement(k.Button,{type:"button",ref:c=>{this._nowButton=c},className:n.classNames(n.uTime.now({c:u})),fillMode:"flat",themeColor:"base",title:L,onKeyDown:R,"aria-label":L,onClick:t,tabIndex:r?-1:0},I.toLanguageString(h.now,h.messages[h.now]))),o.createElement("div",{className:n.classNames(n.uTime.listContainer({c:u})),onKeyDown:this.handleKeyDown},o.createElement("span",{className:n.classNames(n.uTime.highlight({c:u}))}),this.dateFormatParts.map((c,d)=>c.type!=="literal"?o.createElement("div",{key:d,className:n.classNames(n.uTime.listWrapper({c:u,focused:d===this.state.activeListIndex})),role:"presentation",tabIndex:-1},o.createElement("span",{className:n.classNames(n.uTime.title({c:u})),onMouseDown:g=>{g.preventDefault()}},this.intl.dateFieldName(c)),o.createElement(E.TimeList,{min:this.min,max:this.max,boundRange:this.boundRange,part:c,step:c.type?this.steps[c.type]:1,smoothScroll:s,ref:g=>{g&&this.timeLists.push(g)},id:d,onFocus:()=>{this.handleListFocus(d)},onBlur:this.handleListBlur,onChange:this.handleChange,value:this.value,disabled:r,show:x,mobileMode:N,unstyled:w})):o.createElement("div",{key:d,className:n.classNames(n.uTime.separator({c:u}))},c.pattern))))}nextTick(i){clearTimeout(this.nextTickId),this.nextTickId=window.setTimeout(()=>i())}hasActiveButton(){const i=n.getActiveElement(document);return this._nowButton&&i===this._nowButton.element}hasSteps(){const i=Object.keys(this.steps);return i.length!==i.reduce((s,t)=>s+this.steps[t],0)}};l.propTypes={cancelButton:e.bool,disabled:e.bool,format:e.oneOfType([e.string,e.shape({skeleton:e.string,pattern:e.string,date:e.oneOf(["short","medium","long","full"]),time:e.oneOf(["short","medium","long","full"]),datetime:e.oneOf(["short","medium","long","full"]),era:e.oneOf(["narrow","short","long"]),year:e.oneOf(["numeric","2-digit"]),month:e.oneOf(["numeric","2-digit","narrow","short","long"]),day:e.oneOf(["numeric","2-digit"]),weekday:e.oneOf(["narrow","short","long"]),hour:e.oneOf(["numeric","2-digit"]),hour12:e.bool,minute:e.oneOf(["numeric","2-digit"]),second:e.oneOf(["numeric","2-digit"]),timeZoneName:e.oneOf(["short","long"])})]),max:e.instanceOf(Date),min:e.instanceOf(Date),nowButton:e.bool,steps:e.shape({hour:e.number,minute:e.number,second:e.number}),smoothScroll:e.bool,tabIndex:e.number,value:e.instanceOf(Date),show:e.bool},l.defaultProps={value:null,disabled:!1,nowButton:!0,cancelButton:!0,format:"hh:mm a",min:b.MIN_TIME,max:b.MAX_TIME,steps:{},boundRange:!1};let f=l;v.registerForIntl(f);v.registerForLocalization(f);exports.TimePart=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),e=require("prop-types"),O=require("@progress/kendo-date-math"),n=require("@progress/kendo-react-common"),v=require("@progress/kendo-react-intl"),h=require("../messages/index.js"),B=require("./TimeList.js"),b=require("../utils.js"),T=require("./models/TimePart.js"),m=require("./utils.js"),D=require("@progress/kendo-react-buttons");function E(d){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const s in d)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(d,s);Object.defineProperty(i,s,t.get?t:{enumerable:!0,get:()=>d[s]})}}return i.default=d,Object.freeze(i)}const o=E(R),y=new RegExp(`${T.TIME_PART.hour}|${T.TIME_PART.minute}|${T.TIME_PART.second}|${T.TIME_PART.dayperiod}|literal`),r=class r extends o.Component{constructor(i){super(i),this._element=null,this._nowButton=null,this.dateFormatParts=[],this.timeLists=[],this.focus=(s,t)=>{Promise.resolve().then(()=>{t&&this._nowButton&&this._nowButton.element&&this._nowButton.element.focus();const a=this.timeLists[0];!t&&this.state.activeListIndex===-1&&!this.hasActiveButton()&&a&&a.element&&a.focus(s)})},this.timeFormatReducer=(s,t)=>s+t.pattern,this.timeFormatFilter=(s,t,a)=>{const l=t>=1&&a[t-1];return l&&l&&s.type==="literal"?y.test(l.type||""):y.test(s.type||"")},this.focusList=s=>{this.timeLists.length&&this.timeLists.reduce(this.listReducer,[]).map(t=>s===1?t.next:t.prev).map(t=>t&&t.element&&t.element.focus({preventScroll:!0}))},this.listReducer=(s,t,a,l)=>s.length||t.props.id!==this.state.activeListIndex?s:[{next:l[a+1]||t,prev:l[a-1]||t}],this.showNowButton=()=>!this.hasSteps()&&this.props.nowButton&&m.isInTimeRange(m.getNow(),this.min,this.max),this.handleKeyDown=s=>{const{keyCode:t}=s;switch(t){case n.Keys.left:s.preventDefault(),this.focusList(0);return;case n.Keys.right:s.preventDefault(),this.focusList(1);return;default:return}},this.handleListBlur=()=>{this.nextTick(()=>{this.setState({activeListIndex:-1})})},this.handleListFocus=s=>{clearTimeout(this.nextTickId),this.setState({activeListIndex:s})},this.handleChange=s=>{const{onChange:t}=this.props;t&&t.call(void 0,s)},this.snapTime=m.snapTime(m.generateSnappers(this.props.steps,this.props.min||r.defaultProps.min)),this.state={activeListIndex:-1},this.hasActiveButton=this.hasActiveButton.bind(this)}get element(){return this._element}get value(){return m.timeInRange(this.snapTime(O.cloneDate(this.props.value||b.MIDNIGHT_DATE)),this.min,this.max)}get intl(){return v.provideIntlService(this)}get min(){return this.snapTime(this.props.min||r.defaultProps.min)}get max(){return this.snapTime(this.props.max||r.defaultProps.max)}get steps(){return this.props.steps||r.defaultProps.steps}get boundRange(){return this.props.boundRange!==void 0?this.props.boundRange:r.defaultProps.boundRange}componentWillUnmount(){clearTimeout(this.nextTickId)}componentDidMount(){const{onMount:i}=this.props;i&&i.call(void 0,this.value)}render(){const{format:i,smoothScroll:s,onNowClick:t,disabled:a,mobileMode:l,show:N,onNowKeyDown:L,unstyled:w}=this.props,u=w&&w.uTime;this.snapTime=m.snapTime(m.generateSnappers(this.steps,this.min)),this.dateFormatParts=this.intl.splitDateFormat(i||r.defaultProps.format).filter(this.timeFormatFilter),this.timeLists=[];const I=v.provideLocalizationService(this),x=I.toLanguageString(h.selectNow,h.messages[h.selectNow]);return o.createElement(o.Fragment,null,o.createElement("div",{className:n.classNames(n.uTime.header({c:u}))},o.createElement("span",{className:n.classNames(n.uTime.title({c:u}))},this.intl.formatDate(this.value,this.dateFormatParts.reduce(this.timeFormatReducer,""))),this.showNowButton()&&o.createElement(D.Button,{type:"button",ref:c=>{this._nowButton=c},size:l?"large":void 0,className:n.classNames(n.uTime.now({c:u})),fillMode:"flat",title:x,onKeyDown:L,onClick:t,tabIndex:a?-1:0},I.toLanguageString(h.now,h.messages[h.now]))),o.createElement("div",{className:n.classNames(n.uTime.listContainer({c:u})),onKeyDown:this.handleKeyDown},o.createElement("span",{className:n.classNames(n.uTime.highlight({c:u}))}),this.dateFormatParts.map((c,p)=>c.type!=="literal"?o.createElement("div",{key:p,className:n.classNames(n.uTime.listWrapper({c:u,focused:p===this.state.activeListIndex})),tabIndex:-1},o.createElement("span",{className:n.classNames(n.uTime.title({c:u})),onMouseDown:g=>{g.preventDefault()}},this.intl.dateFieldName(c)),o.createElement(B.TimeList,{min:this.min,max:this.max,boundRange:this.boundRange,part:c,step:c.type?this.steps[c.type]:1,smoothScroll:s,ref:g=>{g&&this.timeLists.push(g)},id:p,onFocus:()=>{this.handleListFocus(p)},onBlur:this.handleListBlur,onChange:this.handleChange,value:this.value,disabled:a,show:N,mobileMode:l,unstyled:w})):o.createElement("div",{key:p,className:n.classNames(n.uTime.separator({c:u}))},c.pattern))))}nextTick(i){clearTimeout(this.nextTickId),this.nextTickId=window.setTimeout(()=>i())}hasActiveButton(){const i=n.getActiveElement(document);return this._nowButton&&i===this._nowButton.element}hasSteps(){const i=Object.keys(this.steps);return i.length!==i.reduce((s,t)=>s+this.steps[t],0)}};r.propTypes={cancelButton:e.bool,disabled:e.bool,format:e.oneOfType([e.string,e.shape({skeleton:e.string,pattern:e.string,date:e.oneOf(["short","medium","long","full"]),time:e.oneOf(["short","medium","long","full"]),datetime:e.oneOf(["short","medium","long","full"]),era:e.oneOf(["narrow","short","long"]),year:e.oneOf(["numeric","2-digit"]),month:e.oneOf(["numeric","2-digit","narrow","short","long"]),day:e.oneOf(["numeric","2-digit"]),weekday:e.oneOf(["narrow","short","long"]),hour:e.oneOf(["numeric","2-digit"]),hour12:e.bool,minute:e.oneOf(["numeric","2-digit"]),second:e.oneOf(["numeric","2-digit"]),timeZoneName:e.oneOf(["short","long"])})]),max:e.instanceOf(Date),min:e.instanceOf(Date),nowButton:e.bool,steps:e.shape({hour:e.number,minute:e.number,second:e.number}),smoothScroll:e.bool,tabIndex:e.number,value:e.instanceOf(Date),show:e.bool},r.defaultProps={value:null,disabled:!1,nowButton:!0,cancelButton:!0,format:"hh:mm a",min:b.MIN_TIME,max:b.MAX_TIME,steps:{},boundRange:!1};let f=r;v.registerForIntl(f);v.registerForLocalization(f);exports.TimePart=f;