@wordpress/components 31.0.1-next.8fd3f8831.0 → 32.0.0

package/build-module/date-time/time/index.mjs

@@ -0,0 +1,218 @@
+// packages/components/src/date-time/time/index.tsx
+import { startOfMinute } from "date-fns";
+import { useState, useMemo, useEffect } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import { date as formatDate } from "@wordpress/date";
+import BaseControl from "../../base-control/index.mjs";
+import { VisuallyHidden } from "../../visually-hidden/index.mjs";
+import SelectControl from "../../select-control/index.mjs";
+import TimeZone from "./timezone.mjs";
+import { Wrapper, Fieldset, MonthSelectWrapper, DayInput, YearInput } from "./styles.mjs";
+import { HStack } from "../../h-stack/index.mjs";
+import { Spacer } from "../../spacer/index.mjs";
+import { inputToDate, buildPadInputStateReducer, validateInputElementTarget, setInConfiguredTimezone } from "../utils.mjs";
+import { TIMEZONELESS_FORMAT } from "../constants.mjs";
+import { TimeInput } from "./time-input/index.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var VALID_DATE_ORDERS = ["dmy", "mdy", "ymd"];
+function TimePicker({
+  is12Hour,
+  currentTime,
+  onChange,
+  dateOrder: dateOrderProp,
+  hideLabelFromVision = false
+}) {
+  const [date, setDate] = useState(() => (
+    // Truncate the date at the minutes, see: #15495.
+    startOfMinute(inputToDate(currentTime !== null && currentTime !== void 0 ? currentTime : /* @__PURE__ */ new Date()))
+  ));
+  useEffect(() => {
+    setDate(startOfMinute(inputToDate(currentTime !== null && currentTime !== void 0 ? currentTime : /* @__PURE__ */ new Date())));
+  }, [currentTime]);
+  const monthOptions = [{
+    value: "01",
+    label: __("January")
+  }, {
+    value: "02",
+    label: __("February")
+  }, {
+    value: "03",
+    label: __("March")
+  }, {
+    value: "04",
+    label: __("April")
+  }, {
+    value: "05",
+    label: __("May")
+  }, {
+    value: "06",
+    label: __("June")
+  }, {
+    value: "07",
+    label: __("July")
+  }, {
+    value: "08",
+    label: __("August")
+  }, {
+    value: "09",
+    label: __("September")
+  }, {
+    value: "10",
+    label: __("October")
+  }, {
+    value: "11",
+    label: __("November")
+  }, {
+    value: "12",
+    label: __("December")
+  }];
+  const {
+    day,
+    month,
+    year,
+    minutes,
+    hours
+  } = useMemo(() => ({
+    day: formatDate("d", date),
+    month: formatDate("m", date),
+    year: formatDate("Y", date),
+    minutes: formatDate("i", date),
+    hours: formatDate("H", date)
+  }), [date]);
+  const buildNumberControlChangeCallback = (method) => {
+    const callback = (value, {
+      event
+    }) => {
+      if (!validateInputElementTarget(event)) {
+        return;
+      }
+      const numberValue = Number(value);
+      const newDate = setInConfiguredTimezone(date, {
+        [method]: numberValue
+      });
+      setDate(newDate);
+      onChange?.(formatDate(TIMEZONELESS_FORMAT, newDate));
+    };
+    return callback;
+  };
+  const onTimeInputChangeCallback = ({
+    hours: newHours,
+    minutes: newMinutes
+  }) => {
+    const newDate = setInConfiguredTimezone(date, {
+      hours: newHours,
+      minutes: newMinutes
+    });
+    setDate(newDate);
+    onChange?.(formatDate(TIMEZONELESS_FORMAT, newDate));
+  };
+  const dayField = /* @__PURE__ */ _jsx(DayInput, {
+    className: "components-datetime__time-field components-datetime__time-field-day",
+    label: __("Day"),
+    hideLabelFromVision: true,
+    __next40pxDefaultSize: true,
+    value: day,
+    step: 1,
+    min: 1,
+    max: 31,
+    required: true,
+    spinControls: "none",
+    isPressEnterToChange: true,
+    isDragEnabled: false,
+    isShiftStepEnabled: false,
+    onChange: buildNumberControlChangeCallback("date")
+  }, "day");
+  const monthField = /* @__PURE__ */ _jsx(MonthSelectWrapper, {
+    children: /* @__PURE__ */ _jsx(SelectControl, {
+      className: "components-datetime__time-field components-datetime__time-field-month",
+      label: __("Month"),
+      hideLabelFromVision: true,
+      __next40pxDefaultSize: true,
+      value: month,
+      options: monthOptions,
+      onChange: (value) => {
+        const newDate = setInConfiguredTimezone(date, {
+          month: Number(value) - 1
+        });
+        setDate(newDate);
+        onChange?.(formatDate(TIMEZONELESS_FORMAT, newDate));
+      }
+    })
+  }, "month");
+  const yearField = /* @__PURE__ */ _jsx(YearInput, {
+    className: "components-datetime__time-field components-datetime__time-field-year",
+    label: __("Year"),
+    hideLabelFromVision: true,
+    __next40pxDefaultSize: true,
+    value: year,
+    step: 1,
+    min: 1,
+    max: 9999,
+    required: true,
+    spinControls: "none",
+    isPressEnterToChange: true,
+    isDragEnabled: false,
+    isShiftStepEnabled: false,
+    onChange: buildNumberControlChangeCallback("year"),
+    __unstableStateReducer: buildPadInputStateReducer(4)
+  }, "year");
+  const defaultDateOrder = is12Hour ? "mdy" : "dmy";
+  const dateOrder = dateOrderProp && VALID_DATE_ORDERS.includes(dateOrderProp) ? dateOrderProp : defaultDateOrder;
+  const fields = dateOrder.split("").map((field) => {
+    switch (field) {
+      case "d":
+        return dayField;
+      case "m":
+        return monthField;
+      case "y":
+        return yearField;
+      default:
+        return null;
+    }
+  });
+  return /* @__PURE__ */ _jsxs(Wrapper, {
+    className: "components-datetime__time",
+    children: [/* @__PURE__ */ _jsxs(Fieldset, {
+      children: [hideLabelFromVision ? /* @__PURE__ */ _jsx(VisuallyHidden, {
+        as: "legend",
+        children: __("Time")
+      }) : /* @__PURE__ */ _jsx(BaseControl.VisualLabel, {
+        as: "legend",
+        className: "components-datetime__time-legend",
+        children: __("Time")
+      }), /* @__PURE__ */ _jsxs(HStack, {
+        className: "components-datetime__time-wrapper",
+        children: [/* @__PURE__ */ _jsx(TimeInput, {
+          value: {
+            hours: Number(hours),
+            minutes: Number(minutes)
+          },
+          is12Hour,
+          onChange: onTimeInputChangeCallback
+        }), /* @__PURE__ */ _jsx(Spacer, {}), /* @__PURE__ */ _jsx(TimeZone, {})]
+      })]
+    }), /* @__PURE__ */ _jsxs(Fieldset, {
+      children: [hideLabelFromVision ? /* @__PURE__ */ _jsx(VisuallyHidden, {
+        as: "legend",
+        children: __("Date")
+      }) : /* @__PURE__ */ _jsx(BaseControl.VisualLabel, {
+        as: "legend",
+        className: "components-datetime__time-legend",
+        children: __("Date")
+      }), /* @__PURE__ */ _jsx(HStack, {
+        className: "components-datetime__time-wrapper",
+        children: fields
+      })]
+    })]
+  });
+}
+TimePicker.TimeInput = TimeInput;
+Object.assign(TimePicker.TimeInput, {
+  displayName: "TimePicker.TimeInput"
+});
+var time_default = TimePicker;
+export {
+  TimePicker,
+  time_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/date-time/time/styles.mjs

@@ -0,0 +1,108 @@
+// packages/components/src/date-time/time/styles.ts
+import _styled from "@emotion/styled/base";
+import { css } from "@emotion/react";
+import { COLORS, CONFIG } from "../../utils/index.mjs";
+import { space } from "../../utils/space.mjs";
+import { Input, BackdropUI } from "../../input-control/styles/input-control-styles.mjs";
+import NumberControl from "../../number-control/index.mjs";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+var Wrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "evcr2319"
+} : {
+  target: "evcr2319",
+  label: "Wrapper"
+})("box-sizing:border-box;font-size:", CONFIG.fontSize, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmlDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7XG5cdElucHV0LFxuXHRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgTnVtYmVyQ29udHJvbCBmcm9tICcuLi8uLi9udW1iZXItY29udHJvbCc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+var Fieldset = /* @__PURE__ */ _styled("fieldset", process.env.NODE_ENV === "production" ? {
+  target: "evcr2318"
+} : {
+  target: "evcr2318",
+  label: "Fieldset"
+})("border:0;margin:0 0 ", space(2 * 2), " 0;padding:0;&:last-child{margin-bottom:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnVDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7XG5cdElucHV0LFxuXHRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgTnVtYmVyQ29udHJvbCBmcm9tICcuLi8uLi9udW1iZXItY29udHJvbCc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+var TimeWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "evcr2317"
+} : {
+  target: "evcr2317",
+  label: "TimeWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "pd0mhc",
+  styles: "direction:ltr;display:flex"
+} : {
+  name: "pd0mhc",
+  styles: "direction:ltr;display:flex",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3FDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7XG5cdElucHV0LFxuXHRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgTnVtYmVyQ29udHJvbCBmcm9tICcuLi8uLi9udW1iZXItY29udHJvbCc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var baseInput = /* @__PURE__ */ css("&&& ", Input, "{padding-left:", space(2), ";padding-right:", space(2), ";text-align:center;}" + (process.env.NODE_ENV === "production" ? "" : ";label:baseInput;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ3FCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7XG5cdElucHV0LFxuXHRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgTnVtYmVyQ29udHJvbCBmcm9tICcuLi8uLi9udW1iZXItY29udHJvbCc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */");
+var HoursInput = /* @__PURE__ */ _styled(NumberControl, process.env.NODE_ENV === "production" ? {
+  target: "evcr2316"
+} : {
+  target: "evcr2316",
+  label: "HoursInput"
+})(baseInput, " width:", space(9), ";&&& ", Input, "{padding-right:0;}&&& ", BackdropUI, "{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q2lEIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7XG5cdElucHV0LFxuXHRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgTnVtYmVyQ29udHJvbCBmcm9tICcuLi8uLi9udW1iZXItY29udHJvbCc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+var TimeSeparator = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "evcr2315"
+} : {
+  target: "evcr2315",
+  label: "TimeSeparator"
+})("border-top:", CONFIG.borderWidth, " solid ", COLORS.gray[700], ";border-bottom:", CONFIG.borderWidth, " solid ", COLORS.gray[700], ";font-size:", CONFIG.fontSize, ";line-height:calc(\n		", CONFIG.controlHeight, " - ", CONFIG.borderWidth, " * 2\n	);display:inline-block;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RHdDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7XG5cdElucHV0LFxuXHRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgTnVtYmVyQ29udHJvbCBmcm9tICcuLi8uLi9udW1iZXItY29udHJvbCc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+var MinutesInput = /* @__PURE__ */ _styled(NumberControl, process.env.NODE_ENV === "production" ? {
+  target: "evcr2314"
+} : {
+  target: "evcr2314",
+  label: "MinutesInput"
+})(baseInput, " width:", space(9), ";&&& ", Input, "{padding-left:0;}&&& ", BackdropUI, "{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RW1EIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7XG5cdElucHV0LFxuXHRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgTnVtYmVyQ29udHJvbCBmcm9tICcuLi8uLi9udW1iZXItY29udHJvbCc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+var MonthSelectWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "evcr2313"
+} : {
+  target: "evcr2313",
+  label: "MonthSelectWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ff36h2",
+  styles: "flex-grow:1"
+} : {
+  name: "1ff36h2",
+  styles: "flex-grow:1",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RjRDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7XG5cdElucHV0LFxuXHRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgTnVtYmVyQ29udHJvbCBmcm9tICcuLi8uLi9udW1iZXItY29udHJvbCc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var DayInput = /* @__PURE__ */ _styled(NumberControl, process.env.NODE_ENV === "production" ? {
+  target: "evcr2312"
+} : {
+  target: "evcr2312",
+  label: "DayInput"
+})(baseInput, " width:", space(9), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RitDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7XG5cdElucHV0LFxuXHRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgTnVtYmVyQ29udHJvbCBmcm9tICcuLi8uLi9udW1iZXItY29udHJvbCc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+var YearInput = /* @__PURE__ */ _styled(NumberControl, process.env.NODE_ENV === "production" ? {
+  target: "evcr2311"
+} : {
+  target: "evcr2311",
+  label: "YearInput"
+})(baseInput, " width:", space(14), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtR2dEIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7XG5cdElucHV0LFxuXHRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgTnVtYmVyQ29udHJvbCBmcm9tICcuLi8uLi9udW1iZXItY29udHJvbCc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */"));
+var TimeZone = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "evcr2310"
+} : {
+  target: "evcr2310",
+  label: "TimeZone"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ebu3jh",
+  styles: "text-decoration:underline dotted"
+} : {
+  name: "ebu3jh",
+  styles: "text-decoration:underline dotted",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5R2tDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcbmltcG9ydCB7XG5cdElucHV0LFxuXHRCYWNrZHJvcFVJLFxufSBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sL3N0eWxlcy9pbnB1dC1jb250cm9sLXN0eWxlcyc7XG5pbXBvcnQgTnVtYmVyQ29udHJvbCBmcm9tICcuLi8uLi9udW1iZXItY29udHJvbCc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5SW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFllYXJJbnB1dCA9IHN0eWxlZCggTnVtYmVyQ29udHJvbCApYFxuXHQkeyBiYXNlSW5wdXQgfVxuXG5cdHdpZHRoOiAkeyBzcGFjZSggMTQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVab25lID0gc3R5bGVkLmRpdmBcblx0dGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkO1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export {
+  DayInput,
+  Fieldset,
+  HoursInput,
+  MinutesInput,
+  MonthSelectWrapper,
+  TimeSeparator,
+  TimeWrapper,
+  TimeZone,
+  Wrapper,
+  YearInput
+};
+//# sourceMappingURL=styles.mjs.map

package/build-module/date-time/time/time-input/index.mjs

@@ -0,0 +1,138 @@
+// packages/components/src/date-time/time/time-input/index.tsx
+import clsx from "clsx";
+import { __ } from "@wordpress/i18n";
+import { Fragment } from "@wordpress/element";
+import { TimeWrapper, TimeSeparator, HoursInput, MinutesInput, Fieldset } from "../styles.mjs";
+import { HStack } from "../../../h-stack/index.mjs";
+import { from12hTo24h, from24hTo12h, buildPadInputStateReducer, validateInputElementTarget } from "../../utils.mjs";
+import { useControlledValue } from "../../../utils/index.mjs";
+import BaseControl from "../../../base-control/index.mjs";
+import { ToggleGroupControl, ToggleGroupControlOption } from "../../../toggle-group-control/index.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function TimeInput({
+  value: valueProp,
+  defaultValue,
+  is12Hour,
+  label,
+  minutesProps,
+  onChange
+}) {
+  const [value = {
+    hours: (/* @__PURE__ */ new Date()).getHours(),
+    minutes: (/* @__PURE__ */ new Date()).getMinutes()
+  }, setValue] = useControlledValue({
+    value: valueProp,
+    onChange,
+    defaultValue
+  });
+  const dayPeriod = parseDayPeriod(value.hours);
+  const hours12Format = from24hTo12h(value.hours);
+  const buildNumberControlChangeCallback = (method) => {
+    return (_value, {
+      event
+    }) => {
+      if (!validateInputElementTarget(event)) {
+        return;
+      }
+      const numberValue = Number(_value);
+      setValue({
+        ...value,
+        [method]: method === "hours" && is12Hour ? from12hTo24h(numberValue, dayPeriod === "PM") : numberValue
+      });
+    };
+  };
+  const buildAmPmChangeCallback = (_value) => {
+    return () => {
+      if (dayPeriod === _value) {
+        return;
+      }
+      setValue({
+        ...value,
+        hours: from12hTo24h(hours12Format, _value === "PM")
+      });
+    };
+  };
+  function parseDayPeriod(_hours) {
+    return _hours < 12 ? "AM" : "PM";
+  }
+  const Wrapper = label ? Fieldset : Fragment;
+  return /* @__PURE__ */ _jsxs(Wrapper, {
+    children: [label && /* @__PURE__ */ _jsx(BaseControl.VisualLabel, {
+      as: "legend",
+      children: label
+    }), /* @__PURE__ */ _jsxs(HStack, {
+      alignment: "left",
+      expanded: false,
+      children: [/* @__PURE__ */ _jsxs(TimeWrapper, {
+        className: "components-datetime__time-field components-datetime__time-field-time",
+        children: [/* @__PURE__ */ _jsx(HoursInput, {
+          className: "components-datetime__time-field-hours-input",
+          label: __("Hours"),
+          hideLabelFromVision: true,
+          __next40pxDefaultSize: true,
+          value: String(is12Hour ? hours12Format : value.hours).padStart(2, "0"),
+          step: 1,
+          min: is12Hour ? 1 : 0,
+          max: is12Hour ? 12 : 23,
+          required: true,
+          spinControls: "none",
+          isPressEnterToChange: true,
+          isDragEnabled: false,
+          isShiftStepEnabled: false,
+          onChange: buildNumberControlChangeCallback("hours"),
+          __unstableStateReducer: buildPadInputStateReducer(2)
+        }), /* @__PURE__ */ _jsx(TimeSeparator, {
+          className: "components-datetime__time-separator",
+          "aria-hidden": "true",
+          children: ":"
+        }), /* @__PURE__ */ _jsx(MinutesInput, {
+          className: clsx(
+            "components-datetime__time-field-minutes-input",
+            // Unused, for backwards compatibility.
+            minutesProps?.className
+          ),
+          label: __("Minutes"),
+          hideLabelFromVision: true,
+          __next40pxDefaultSize: true,
+          value: String(value.minutes).padStart(2, "0"),
+          step: 1,
+          min: 0,
+          max: 59,
+          required: true,
+          spinControls: "none",
+          isPressEnterToChange: true,
+          isDragEnabled: false,
+          isShiftStepEnabled: false,
+          onChange: (...args) => {
+            buildNumberControlChangeCallback("minutes")(...args);
+            minutesProps?.onChange?.(...args);
+          },
+          __unstableStateReducer: buildPadInputStateReducer(2),
+          ...minutesProps
+        })]
+      }), is12Hour && /* @__PURE__ */ _jsxs(ToggleGroupControl, {
+        __next40pxDefaultSize: true,
+        isBlock: true,
+        label: __("Select AM or PM"),
+        hideLabelFromVision: true,
+        value: dayPeriod,
+        onChange: (newValue) => {
+          buildAmPmChangeCallback(newValue)();
+        },
+        children: [/* @__PURE__ */ _jsx(ToggleGroupControlOption, {
+          value: "AM",
+          label: __("AM")
+        }), /* @__PURE__ */ _jsx(ToggleGroupControlOption, {
+          value: "PM",
+          label: __("PM")
+        })]
+      })]
+    })]
+  });
+}
+var time_input_default = TimeInput;
+export {
+  TimeInput,
+  time_input_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/date-time/time/timezone.mjs

@@ -0,0 +1,36 @@
+// packages/components/src/date-time/time/timezone.tsx
+import { __ } from "@wordpress/i18n";
+import { getSettings as getDateSettings } from "@wordpress/date";
+import Tooltip from "../../tooltip/index.mjs";
+import { TimeZone as StyledComponent } from "./styles.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+var TimeZone = () => {
+  const {
+    timezone
+  } = getDateSettings();
+  const userTimezoneOffset = -1 * ((/* @__PURE__ */ new Date()).getTimezoneOffset() / 60);
+  if (Number(timezone.offset) === userTimezoneOffset) {
+    return null;
+  }
+  const offsetSymbol = Number(timezone.offset) >= 0 ? "+" : "";
+  const zoneAbbr = "" !== timezone.abbr && isNaN(Number(timezone.abbr)) ? timezone.abbr : `UTC${offsetSymbol}${timezone.offsetFormatted}`;
+  const prettyTimezoneString = timezone.string.replace("_", " ");
+  const timezoneDetail = "UTC" === timezone.string ? __("Coordinated Universal Time") : `(${zoneAbbr}) ${prettyTimezoneString}`;
+  const hasNoAdditionalTimezoneDetail = prettyTimezoneString.trim().length === 0;
+  return hasNoAdditionalTimezoneDetail ? /* @__PURE__ */ _jsx(StyledComponent, {
+    className: "components-datetime__timezone",
+    children: zoneAbbr
+  }) : /* @__PURE__ */ _jsx(Tooltip, {
+    placement: "top",
+    text: timezoneDetail,
+    children: /* @__PURE__ */ _jsx(StyledComponent, {
+      className: "components-datetime__timezone",
+      children: zoneAbbr
+    })
+  });
+};
+var timezone_default = TimeZone;
+export {
+  timezone_default as default
+};
+//# sourceMappingURL=timezone.mjs.map

package/build-module/date-time/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/build-module/date-time/utils.mjs

@@ -0,0 +1,77 @@
+// packages/components/src/date-time/utils.ts
+import { UTCDateMini } from "@date-fns/utc";
+import { date as formatDate, getDate } from "@wordpress/date";
+import { COMMIT, PRESS_DOWN, PRESS_UP } from "../input-control/reducer/actions.mjs";
+function inputToDate(input) {
+  if (typeof input === "string") {
+    const hasTimezone = /Z|[+-]\d{2}(:?\d{2})?$/.test(input);
+    if (hasTimezone) {
+      return new UTCDateMini(new Date(input));
+    }
+    return new UTCDateMini(getDate(input).getTime());
+  }
+  const time = input instanceof Date ? input.getTime() : input;
+  return new UTCDateMini(time);
+}
+function startOfDayInConfiguredTimezone(date) {
+  const year = Number(formatDate("Y", date));
+  const month = Number(formatDate("n", date)) - 1;
+  const day = Number(formatDate("j", date));
+  return new Date(year, month, day, 0, 0, 0, 0);
+}
+function from12hTo24h(hours, isPm) {
+  return isPm ? (hours % 12 + 12) % 24 : hours % 12;
+}
+function from24hTo12h(hours) {
+  return hours % 12 || 12;
+}
+function buildPadInputStateReducer(pad) {
+  return (state, action) => {
+    const nextState = {
+      ...state
+    };
+    if (action.type === COMMIT || action.type === PRESS_UP || action.type === PRESS_DOWN) {
+      if (nextState.value !== void 0) {
+        nextState.value = nextState.value.toString().padStart(pad, "0");
+      }
+    }
+    return nextState;
+  };
+}
+function setInConfiguredTimezone(date, updates) {
+  const values = {
+    year: Number(formatDate("Y", date)),
+    month: Number(formatDate("n", date)) - 1,
+    date: Number(formatDate("j", date)),
+    hours: Number(formatDate("H", date)),
+    minutes: Number(formatDate("i", date)),
+    seconds: Number(formatDate("s", date)),
+    ...updates
+  };
+  const year = String(values.year);
+  const month = String(values.month + 1).padStart(2, "0");
+  const day = String(values.date).padStart(2, "0");
+  const hours = String(values.hours).padStart(2, "0");
+  const minutes = String(values.minutes).padStart(2, "0");
+  const seconds = String(values.seconds).padStart(2, "0");
+  const timezoneless = `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`;
+  return new UTCDateMini(getDate(timezoneless).getTime());
+}
+function validateInputElementTarget(event) {
+  var _ownerDocument$defaul;
+  const HTMLInputElementInstance = (_ownerDocument$defaul = event.target?.ownerDocument.defaultView?.HTMLInputElement) !== null && _ownerDocument$defaul !== void 0 ? _ownerDocument$defaul : HTMLInputElement;
+  if (!(event.target instanceof HTMLInputElementInstance)) {
+    return false;
+  }
+  return event.target.validity.valid;
+}
+export {
+  buildPadInputStateReducer,
+  from12hTo24h,
+  from24hTo12h,
+  inputToDate,
+  setInConfiguredTimezone,
+  startOfDayInConfiguredTimezone,
+  validateInputElementTarget
+};
+//# sourceMappingURL=utils.mjs.map