@progress/kendo-react-dateinputs 8.3.0-develop.5 → 8.3.0-develop.7

package/timepicker/TimePicker.mjs

@@ -8,59 +8,59 @@
 "use client";
 import * as a from "react";
 import e from "prop-types";
-import { Popup as q } from "@progress/kendo-react-popup";
-import { cloneDate as f } from "@progress/kendo-date-math";
-import { classNames as v, Keys as d, validatePackage as _, canUseDOM as w, AsyncFocusBlur as K, kendoThemeMaps as b, createPropsContext as U, withIdHOC as j, withPropsContext as H } from "@progress/kendo-react-common";
-import { clockIcon as $ } from "@progress/kendo-svg-icons";
-import { provideLocalizationService as W, registerForLocalization as G } from "@progress/kendo-react-intl";
-import { packageMetadata as X } from "../package-metadata.mjs";
-import { toggleClock as m, messages as u, timePickerCancel as Z, timePickerSet as S, toggleTimeSelector as y } from "../messages/index.mjs";
-import { DateInput as J } from "../dateinput/DateInput.mjs";
-import { TimeSelector as Q } from "./TimeSelector.mjs";
-import { MAX_TIME as Y, MIN_TIME as ee, setTime as I, MIDNIGHT_DATE as te } from "../utils.mjs";
-import { isInRange as ie, isBiggerThanMax as se, isSmallerThanMin as oe } from "./utils.mjs";
-import { PickerFloatingLabel as ne } from "../hooks/usePickerFloatingLabel.mjs";
-import { Button as ae } from "@progress/kendo-react-buttons";
-import { MOBILE_MEDIUM_DEVISE as re } from "../common/constants.mjs";
-import { AdaptiveMode as le } from "../common/AdaptiveMode.mjs";
-import { ActionSheetContent as he } from "@progress/kendo-react-layout";
+import { Popup as U } from "@progress/kendo-react-popup";
+import { cloneDate as y } from "@progress/kendo-date-math";
+import { classNames as c, uTimePicker as g, Keys as d, validatePackage as K, canUseDOM as I, AsyncFocusBlur as H, createPropsContext as j, withIdHOC as W, withPropsContext as G, withUnstyledHOC as X } from "@progress/kendo-react-common";
+import { clockIcon as Z } from "@progress/kendo-svg-icons";
+import { provideLocalizationService as J, registerForLocalization as Q } from "@progress/kendo-react-intl";
+import { packageMetadata as Y } from "../package-metadata.mjs";
+import { toggleClock as f, messages as u, timePickerCancel as $, timePickerSet as T, toggleTimeSelector as C } from "../messages/index.mjs";
+import { DateInput as ee } from "../dateinput/DateInput.mjs";
+import { TimeSelector as te } from "./TimeSelector.mjs";
+import { MAX_TIME as ie, MIN_TIME as se, setTime as M, MIDNIGHT_DATE as oe } from "../utils.mjs";
+import { isInRange as ne, isBiggerThanMax as ae, isSmallerThanMin as re } from "./utils.mjs";
+import { PickerFloatingLabel as le } from "../hooks/usePickerFloatingLabel.mjs";
+import { Button as he } from "@progress/kendo-react-buttons";
+import { MOBILE_MEDIUM_DEVISE as de } from "../common/constants.mjs";
+import { AdaptiveMode as ue } from "../common/AdaptiveMode.mjs";
+import { ActionSheetContent as pe } from "@progress/kendo-react-layout";
 const n = class n extends a.Component {
   constructor(i) {
     super(i), this._element = null, this._dateInput = a.createRef(), this._timeSelector = null, this.shouldFocusDateInput = !1, this.prevShow = !1, this.focus = () => {
       this.dateInput && this.dateInput.focus();
     }, this.renderTimeSelector = () => {
-      const { smoothScroll: t, cancelButton: s, nowButton: o, disabled: r, format: h, steps: l } = this.props;
+      const { smoothScroll: t, cancelButton: s, nowButton: o, disabled: l, format: h, steps: r, unstyled: m } = this.props;
       return /* @__PURE__ */ a.createElement(
-        Q,
+        te,
         {
           ref: this.setTimeSelectorRef,
-          className: this.mobileMode ? "k-reset k-timeselector-lg" : "",
           mobileMode: this.mobileMode,
           show: this.show,
           cancelButton: s,
-          disabled: r,
+          disabled: l,
           nowButton: o,
           format: h,
           min: this.min,
           max: this.max,
-          steps: l,
+          steps: r,
           smoothScroll: t,
           value: this.value,
           footer: !this.mobileMode,
           handleTimeChange: this.mobileMode && this.handleTimeChange,
           onChange: this.handleValueChange,
-          onReject: this.handleValueReject
+          onReject: this.handleValueReject,
+          unstyled: m
         }
       );
     }, this.renderPopup = () => {
-      const { popupClass: t, ...s } = this.popupSettings, o = v(
+      const { popupClass: t, ...s } = this.popupSettings, { unstyled: o } = this.props, l = o && o.uTimePicker, h = c(
         t
       ), r = {
-        popupClass: "k-timepicker-popup k-list-container",
+        popupClass: g.popup({ c: l }),
         show: this.show,
         animate: this.element !== null,
         anchor: this.element,
-        className: o,
+        className: h,
         id: this._popupId,
         anchorAlign: {
           horizontal: "left",
@@ -72,7 +72,7 @@ const n = class n extends a.Component {
         },
         ...s
       };
-      return this.props.popup ? /* @__PURE__ */ a.createElement(this.props.popup, { ...r }, this.renderTimeSelector()) : /* @__PURE__ */ a.createElement(q, { ...r }, this.renderTimeSelector());
+      return this.props.popup ? /* @__PURE__ */ a.createElement(this.props.popup, { ...r }, this.renderTimeSelector()) : /* @__PURE__ */ a.createElement(U, { ...r }, this.renderTimeSelector());
     }, this.renderAdaptivePopup = () => {
       const { windowWidth: t = 0 } = this.state, s = {
         expand: this.show,
@@ -80,13 +80,13 @@ const n = class n extends a.Component {
         adaptiveTitle: this.props.adaptiveTitle,
         windowWidth: t,
         footer: {
-          cancelText: this.localizationService.toLanguageString(m, u[Z]),
+          cancelText: this.localizationService.toLanguageString(f, u[$]),
           onCancel: this.handleValueReject,
-          applyText: this.localizationService.toLanguageString(S, u[S]),
+          applyText: this.localizationService.toLanguageString(T, u[T]),
           onApply: (o) => this.handleValueChange(o)
         }
       };
-      return /* @__PURE__ */ a.createElement(le, { ...s }, /* @__PURE__ */ a.createElement(he, { className: "!k-overflow-hidden" }, this.renderTimeSelector()));
+      return /* @__PURE__ */ a.createElement(ue, { ...s }, /* @__PURE__ */ a.createElement(pe, { overflowHidden: !0 }, this.renderTimeSelector()));
     }, this.setTimeSelectorRef = (t) => {
       this._timeSelector = t;
     }, this.nextValue = (t, s) => t.value !== void 0 ? t.value : s.value, this.nextShow = (t, s) => t.show !== void 0 ? t.show : s.show, this.handleInputValueChange = (t) => {
@@ -96,7 +96,7 @@ const n = class n extends a.Component {
       this.setState({ candidate: t.time });
     }, this.handleValueChange = (t) => {
       this.setState({
-        value: f(t.value || this.state.candidate)
+        value: y(t.value || this.state.candidate)
       }), this.valueDuringOnChange = t.value, this.showDuringOnChange = !1, this.shouldFocusDateInput = !0;
       const { onChange: s } = this.props, o = this.state.candidate || this.value;
       s && s.call(void 0, {
@@ -123,7 +123,7 @@ const n = class n extends a.Component {
         return;
       }
       s && (o === d.up || o === d.down) && (t.preventDefault(), t.stopPropagation(), this.shouldFocusDateInput = o === d.up, this.setShow(o === d.down));
-    }, _(X), this.state = {
+    }, K(Y), this.state = {
       value: this.props.defaultValue || n.defaultProps.defaultValue,
       show: this.props.defaultShow || n.defaultProps.defaultShow,
       focused: !1,
@@ -134,7 +134,7 @@ const n = class n extends a.Component {
     return this.props.id + "-popup-id";
   }
   get document() {
-    if (w)
+    if (I)
       return this.element && this.element.ownerDocument || document;
   }
   /**
@@ -160,7 +160,7 @@ const n = class n extends a.Component {
    */
   get value() {
     const i = this.valueDuringOnChange !== void 0 ? this.valueDuringOnChange : this.props.value !== void 0 ? this.props.value : this.state.value;
-    return i !== null ? f(i) : null;
+    return i !== null ? y(i) : null;
   }
   /**
    * Gets the popup state of the TimeSelector.
@@ -178,12 +178,12 @@ const n = class n extends a.Component {
    * Represents the validity state into which the TimePicker is set.
    */
   get validity() {
-    const i = this.value && this.normalizeTime(this.value), t = this.normalizeTime(this.min), s = this.normalizeTime(this.max), o = ie(i, t, s), r = this.props.validationMessage !== void 0, h = (!this.required || this.value !== null) && o, l = this.props.valid !== void 0 ? this.props.valid : h;
+    const i = this.value && this.normalizeTime(this.value), t = this.normalizeTime(this.min), s = this.normalizeTime(this.max), o = ne(i, t, s), l = this.props.validationMessage !== void 0, h = (!this.required || this.value !== null) && o, r = this.props.valid !== void 0 ? this.props.valid : h;
     return {
-      customError: r,
-      rangeOverflow: se(i, s),
-      rangeUnderflow: oe(i, t),
-      valid: l,
+      customError: l,
+      rangeOverflow: ae(i, s),
+      rangeUnderflow: re(i, t),
+      valid: r,
       valueMissing: this.value === null
     };
   }
@@ -191,7 +191,7 @@ const n = class n extends a.Component {
    * The mobile mode of the ComboBox.
    */
   get mobileMode() {
-    return !!(this.state.windowWidth && this.state.windowWidth <= re && this.props.adaptive);
+    return !!(this.state.windowWidth && this.state.windowWidth <= de && this.props.adaptive);
   }
   /**
    * @hidden
@@ -218,14 +218,14 @@ const n = class n extends a.Component {
     return this.props.dateInput || n.defaultProps.dateInput;
   }
   get localizationService() {
-    return W(this);
+    return J(this);
   }
   /**
    * @hidden
    */
   componentDidMount() {
     var i;
-    this.observerResize = w && window.ResizeObserver && new window.ResizeObserver(this.calculateMedia.bind(this)), this.show && this.forceUpdate(), (i = this.document) != null && i.body && this.observerResize && this.observerResize.observe(this.document.body);
+    this.observerResize = I && window.ResizeObserver && new window.ResizeObserver(this.calculateMedia.bind(this)), this.show && this.forceUpdate(), (i = this.document) != null && i.body && this.observerResize && this.observerResize.observe(this.document.body);
   }
   /**
    * @hidden
@@ -249,38 +249,39 @@ const n = class n extends a.Component {
       rounded: t = n.defaultProps.rounded,
       fillMode: s = n.defaultProps.fillMode,
       disabled: o,
-      tabIndex: r,
+      tabIndex: l,
       title: h,
-      id: l,
-      className: M,
-      format: T,
-      formatPlaceholder: C,
-      width: D,
-      name: O,
-      steps: k,
-      validationMessage: P,
-      required: z,
-      validityStyles: x,
-      ariaLabelledBy: E,
-      ariaDescribedBy: R
-    } = this.props, c = !this.validityStyles || this.validity.valid, B = {
+      id: r,
+      className: m,
+      format: D,
+      formatPlaceholder: O,
+      width: P,
+      name: z,
+      steps: x,
+      validationMessage: E,
+      required: k,
+      validityStyles: B,
+      ariaLabelledBy: R,
+      ariaDescribedBy: V,
+      unstyled: v
+    } = this.props, w = v && v.uTimePicker, S = !this.validityStyles || this.validity.valid, F = {
       disabled: o,
-      format: T,
-      formatPlaceholder: C,
-      id: l,
-      ariaLabelledBy: E,
-      ariaDescribedBy: R,
+      format: D,
+      formatPlaceholder: O,
+      id: r,
+      ariaLabelledBy: R,
+      ariaDescribedBy: V,
       max: this.normalizeTime(this.max),
       min: this.normalizeTime(this.min),
-      name: O,
+      name: z,
       onChange: this.handleInputValueChange,
-      required: z,
-      steps: k,
-      tabIndex: this.show ? -1 : r,
+      required: k,
+      steps: x,
+      tabIndex: this.show ? -1 : l,
       title: h,
       valid: this.validity.valid,
-      validationMessage: P,
-      validityStyles: x,
+      validationMessage: E,
+      validityStyles: B,
       value: this.value && this.normalizeTime(this.value),
       label: void 0,
       placeholder: this.state.focused ? null : this.props.placeholder,
@@ -290,38 +291,37 @@ const n = class n extends a.Component {
       fillMode: null,
       rounded: null,
       readonly: this.mobileMode
-    }, V = this.localizationService.toLanguageString(m, u[m]), F = this.localizationService.toLanguageString(y, u[y]), g = /* @__PURE__ */ a.createElement(
-      K,
+    }, A = this.localizationService.toLanguageString(f, u[f]), N = this.localizationService.toLanguageString(C, u[C]), b = /* @__PURE__ */ a.createElement(
+      H,
       {
         onFocus: this.handleFocus,
         onBlur: this.mobileMode ? void 0 : this.handleBlur,
         onSyncBlur: this.props.onBlur,
         onSyncFocus: this.props.onFocus
       },
-      ({ onFocus: N, onBlur: A }) => /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
+      ({ onFocus: L, onBlur: q }) => /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
         "span",
         {
           id: this.props.id,
-          ref: (L) => {
-            this._element = L;
+          ref: (_) => {
+            this._element = _;
           },
-          className: v(
-            "k-input",
-            "k-timepicker",
-            {
-              [`k-input-${b.sizeMap[i] || i}`]: i,
-              [`k-rounded-${b.roundedMap[t] || t}`]: t,
-              [`k-input-${s}`]: s,
-              "k-invalid": !c,
-              "k-required": this.required,
-              "k-disabled": this.props.disabled
-            },
-            M
+          className: c(
+            g.wrapper({
+              c: w,
+              size: i,
+              rounded: t,
+              fillMode: s,
+              invalid: !S,
+              required: this.required,
+              disabled: o
+            }),
+            m
           ),
           onKeyDown: this.handleKeyDown,
-          style: { width: D },
-          onFocus: N,
-          onBlur: A,
+          style: { width: P },
+          onFocus: L,
+          onBlur: q,
           onClick: this.mobileMode ? this.handleIconClick : void 0
         },
         /* @__PURE__ */ a.createElement(
@@ -330,43 +330,43 @@ const n = class n extends a.Component {
             _ref: this._dateInput,
             ariaRole: "combobox",
             ariaControls: this._popupId,
-            ...B
+            ...F
           }
         ),
         /* @__PURE__ */ a.createElement(
-          ae,
+          he,
           {
             tabIndex: -1,
             type: "button",
             icon: "clock",
-            svgIcon: $,
+            svgIcon: Z,
             onMouseDown: this.handleIconMouseDown,
             onClick: this.mobileMode ? void 0 : this.handleIconClick,
-            title: F,
-            className: "k-input-button",
+            title: N,
+            className: c(g.inputButton({ c: w })),
             rounded: null,
             fillMode: s,
-            "aria-label": V
+            "aria-label": A
           }
         ),
         !this.mobileMode && this.renderPopup()
       ), this.mobileMode && this.renderAdaptivePopup())
     );
     return this.props.label ? /* @__PURE__ */ a.createElement(
-      ne,
+      le,
       {
         dateInput: this._dateInput,
         label: this.props.label,
-        editorId: l,
-        editorValid: c,
+        editorId: r,
+        editorValid: S,
         editorDisabled: this.props.disabled,
-        children: g,
+        children: b,
         style: { width: this.props.width }
       }
-    ) : g;
+    ) : b;
   }
   normalizeTime(i) {
-    return I(te, i);
+    return M(oe, i);
   }
   setShow(i) {
     const { onOpen: t, onClose: s } = this.props;
@@ -377,7 +377,7 @@ const n = class n extends a.Component {
     }));
   }
   mergeTime(i) {
-    return this.value && i ? I(this.value, i) : i;
+    return this.value && i ? M(this.value, i) : i;
   }
   calculateMedia(i) {
     for (let t of i)
@@ -456,24 +456,29 @@ n.displayName = "TimePicker", n.propTypes = {
   defaultValue: null,
   disabled: !1,
   format: "t",
-  max: Y,
-  min: ee,
+  max: ie,
+  min: se,
   popupSettings: {},
   tabIndex: 0,
   steps: {},
   required: !1,
   validityStyles: !0,
-  dateInput: J,
+  dateInput: ee,
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
 };
 let p = n;
-const de = U(), ue = j(H(de, p));
-ue.displayName = "KendoReactTimePicker";
-G(p);
+const me = j(), ce = W(
+  G(
+    me,
+    X(p)
+  )
+);
+ce.displayName = "KendoReactTimePicker";
+Q(p);
 export {
-  ue as TimePicker,
-  de as TimePickerPropsContext,
+  ce as TimePicker,
+  me as TimePickerPropsContext,
   p as TimePickerWithoutContext
 };

package/timepicker/TimeSelector.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 T=require("react"),e=require("prop-types"),p=require("@progress/kendo-date-math"),a=require("@progress/kendo-react-common"),g=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),b=require("../utils.js"),h=require("./utils.js"),_=require("./TimePart.js"),w=require("@progress/kendo-react-buttons");function E(u){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const t in u)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(u,t);Object.defineProperty(i,t,n.get?n:{enumerable:!0,get:()=>u[t]})}}return i.default=u,Object.freeze(i)}const l=E(T),c=class c extends l.Component{constructor(i){super(i),this._element=null,this._cancelButton=null,this._acceptButton=null,this.timePart=null,this.focusActiveList=()=>{this.timePart&&this.timePart.focus({preventScroll:!0})},this.handleKeyDown=t=>{const{keyCode:n}=t;switch(n){case a.Keys.enter:this.hasActiveButton()||this.handleAccept(t);return;default:return}},this.revertToNowButton=t=>{const{keyCode:n,shiftKey:o}=t;!o&&n===a.Keys.tab&&(t.preventDefault(),this.props.nowButton!==!1?this.timePart&&this.timePart.focus({preventScroll:!0},!0):this.timePart&&this.timePart.focus({preventScroll:!0}))},this.handleNowKeyDown=t=>{var d;const{keyCode:n,shiftKey:o}=t;o&&n===a.Keys.tab?(t.preventDefault(),this._acceptButton&&((d=this._acceptButton.element)==null||d.focus({preventScroll:!0}))):n===a.Keys.enter&&(t.stopPropagation(),this.handleNowClick(t))},this.handleAccept=t=>{const n=this.mergeValue(p.cloneDate(this.value||h.getNow()),this.timePart?this.timePart.value:this.current);this.setState({value:n}),this.valueDuringOnChange=n;const{onChange:o}=this.props;o&&o.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:this.value,target:this}),this.valueDuringOnChange=void 0},this.handleReject=t=>{this.setState({current:this.value});const{onReject:n}=this.props;n&&n.call(void 0,t)},this.handleNowClick=t=>{const n=this.mergeValue(p.cloneDate(this.value||h.getNow()),h.getNow());this.setState({current:n,value:n}),this.valueDuringOnChange=n;const{onChange:o}=this.props;o&&o.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:this.value,target:this}),this.valueDuringOnChange=void 0},this.handleChange=t=>{this.setState({current:t});const{handleTimeChange:n}=this.props;n&&n.call(void 0,{time:t})},this.dateFormatParts=this.intl.splitDateFormat(this.props.format||c.defaultProps.format),this.mergeValue=h.valueMerger(h.generateGetters(this.dateFormatParts)),this.hasActiveButton=this.hasActiveButton.bind(this),this.state={current:this.props.value||b.MIDNIGHT_DATE,value:this.props.value||c.defaultProps.value}}get element(){return this._element}get value(){const i=this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value;return i!==null?p.cloneDate(i):null}get intl(){return g.provideIntlService(this)}get current(){return this.state.current!==null?p.cloneDate(this.state.current):null}componentWillUnmount(){clearTimeout(this.nextTickId)}render(){const{format:i,cancelButton:t,disabled:n,tabIndex:o,className:d,smoothScroll:y,min:D,max:O,boundRange:B,nowButton:C,steps:P,show:N,mobileMode:S}=this.props,k=g.provideLocalizationService(this),f=k.toLanguageString(r.timePickerCancel,r.messages[r.timePickerCancel]),v=k.toLanguageString(r.timePickerSet,r.messages[r.timePickerSet]);return l.createElement("div",{ref:s=>{this._element=s},tabIndex:n?void 0:o||0,className:a.classNames("k-timeselector k-timeselector-md",d,{"k-disabled":n}),onKeyDown:this.handleKeyDown},l.createElement(_.TimePart,{ref:s=>{this.timePart=s},value:this.current,onChange:this.handleChange,onNowClick:this.handleNowClick,format:i,smoothScroll:y,min:D,max:O,boundRange:B,disabled:n,nowButton:C,steps:P,show:N,mobileMode:S,onNowKeyDown:this.handleNowKeyDown}),this.props.footer&&l.createElement("div",{className:"k-time-footer k-actions k-actions-stretched k-actions-horizontal"},t&&l.createElement(w.Button,{type:"button",ref:s=>{this._cancelButton=s},className:"k-time-cancel",onClick:this.handleReject,title:f,"aria-label":f},f),l.createElement(w.Button,{type:"button",ref:s=>{this._acceptButton=s},className:"k-time-accept",themeColor:"primary",onClick:this.handleAccept,onKeyDown:this.revertToNowButton,title:v,"aria-label":v},v)))}nextTick(i){clearTimeout(this.nextTickId),this.nextTickId=window.setTimeout(()=>i())}hasActiveButton(){if(!this._acceptButton||!this._acceptButton.element)return!1;const i=a.getActiveElement(document);return this._acceptButton&&i===this._acceptButton.element||this._cancelButton&&i===this._cancelButton.element}};c.propTypes={cancelButton:e.bool,className:e.string,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},c.defaultProps={value:null,disabled:!1,cancelButton:!0,format:"t",min:b.MIN_TIME,max:b.MAX_TIME,boundRange:!1,footer:!0};let m=c;g.registerForIntl(m);g.registerForLocalization(m);exports.TimeSelector=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),e=require("prop-types"),g=require("@progress/kendo-date-math"),s=require("@progress/kendo-react-common"),f=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),y=require("../utils.js"),m=require("./utils.js"),K=require("./TimePart.js"),O=require("@progress/kendo-react-buttons");function x(u){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const t in u)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(u,t);Object.defineProperty(i,t,n.get?n:{enumerable:!0,get:()=>u[t]})}}return i.default=u,Object.freeze(i)}const l=x(I),c=class c extends l.Component{constructor(i){super(i),this._element=null,this._cancelButton=null,this._acceptButton=null,this.timePart=null,this.focusActiveList=()=>{this.timePart&&this.timePart.focus({preventScroll:!0})},this.handleKeyDown=t=>{const{keyCode:n}=t;switch(n){case s.Keys.enter:this.hasActiveButton()||this.handleAccept(t);return;default:return}},this.revertToNowButton=t=>{const{keyCode:n,shiftKey:o}=t;!o&&n===s.Keys.tab&&(t.preventDefault(),this.props.nowButton!==!1?this.timePart&&this.timePart.focus({preventScroll:!0},!0):this.timePart&&this.timePart.focus({preventScroll:!0}))},this.handleNowKeyDown=t=>{var p;const{keyCode:n,shiftKey:o}=t;o&&n===s.Keys.tab?(t.preventDefault(),this._acceptButton&&((p=this._acceptButton.element)==null||p.focus({preventScroll:!0}))):n===s.Keys.enter&&(t.stopPropagation(),this.handleNowClick(t))},this.handleAccept=t=>{const n=this.mergeValue(g.cloneDate(this.value||m.getNow()),this.timePart?this.timePart.value:this.current);this.setState({value:n}),this.valueDuringOnChange=n;const{onChange:o}=this.props;o&&o.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:this.value,target:this}),this.valueDuringOnChange=void 0},this.handleReject=t=>{this.setState({current:this.value});const{onReject:n}=this.props;n&&n.call(void 0,t)},this.handleNowClick=t=>{const n=this.mergeValue(g.cloneDate(this.value||m.getNow()),m.getNow());this.setState({current:n,value:n}),this.valueDuringOnChange=n;const{onChange:o}=this.props;o&&o.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:this.value,target:this}),this.valueDuringOnChange=void 0},this.handleChange=t=>{this.setState({current:t});const{handleTimeChange:n}=this.props;n&&n.call(void 0,{time:t})},this.dateFormatParts=this.intl.splitDateFormat(this.props.format||c.defaultProps.format),this.mergeValue=m.valueMerger(m.generateGetters(this.dateFormatParts)),this.hasActiveButton=this.hasActiveButton.bind(this),this.state={current:this.props.value||y.MIDNIGHT_DATE,value:this.props.value||c.defaultProps.value}}get element(){return this._element}get value(){const i=this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value;return i!==null?g.cloneDate(i):null}get intl(){return f.provideIntlService(this)}get current(){return this.state.current!==null?g.cloneDate(this.state.current):null}componentWillUnmount(){clearTimeout(this.nextTickId)}render(){const{format:i,cancelButton:t,disabled:n,tabIndex:o,className:p,smoothScroll:P,min:B,max:k,boundRange:N,nowButton:T,steps:S,show:_,mobileMode:C,unstyled:h}=this.props,E=h&&h.uTimePicker,v=h&&h.uTime,D=f.provideLocalizationService(this),b=D.toLanguageString(r.timePickerCancel,r.messages[r.timePickerCancel]),w=D.toLanguageString(r.timePickerSet,r.messages[r.timePickerSet]);return l.createElement("div",{ref:a=>{this._element=a},tabIndex:n?void 0:o||0,className:s.classNames(s.uTimePicker.timeSelector({c:E,mobileMode:C,disabled:n}),p),onKeyDown:this.handleKeyDown},l.createElement(K.TimePart,{ref:a=>{this.timePart=a},value:this.current,onChange:this.handleChange,onNowClick:this.handleNowClick,format:i,smoothScroll:P,min:B,max:k,boundRange:N,disabled:n,nowButton:T,steps:S,show:_,mobileMode:C,onNowKeyDown:this.handleNowKeyDown,unstyled:h}),this.props.footer&&l.createElement("div",{className:s.classNames(s.uTime.footer({c:v}))},t&&l.createElement(O.Button,{type:"button",ref:a=>{this._cancelButton=a},className:s.classNames(s.uTime.cancel({c:v})),onClick:this.handleReject,title:b,"aria-label":b},b),l.createElement(O.Button,{type:"button",ref:a=>{this._acceptButton=a},className:s.classNames(s.uTime.accept({c:v})),themeColor:"primary",onClick:this.handleAccept,onKeyDown:this.revertToNowButton,title:w,"aria-label":w},w)))}nextTick(i){clearTimeout(this.nextTickId),this.nextTickId=window.setTimeout(()=>i())}hasActiveButton(){if(!this._acceptButton||!this._acceptButton.element)return!1;const i=s.getActiveElement(document);return this._acceptButton&&i===this._acceptButton.element||this._cancelButton&&i===this._cancelButton.element}};c.propTypes={cancelButton:e.bool,className:e.string,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},c.defaultProps={value:null,disabled:!1,cancelButton:!0,format:"t",min:y.MIN_TIME,max:y.MAX_TIME,boundRange:!1,footer:!0};let d=c;f.registerForIntl(d);f.registerForLocalization(d);exports.TimeSelector=d;