@expcat/tigercat-vue 2.1.2 → 2.1.4

package/dist/chunk-NMAJD353.mjs

@@ -1,851 +0,0 @@
-import {
-  createFilledIcon
-} from "./chunk-2TNZ4JNT.mjs";
-import {
-  renderVueOverlayTeleport,
-  useVueAnchoredOverlay
-} from "./chunk-Q7Y22OFX.mjs";
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/TimePicker.ts
-import { defineComponent, computed, ref, h, nextTick, watch } from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  mergeStyleValues,
-  parseTime,
-  formatTime,
-  formatTimeDisplayWithLocale,
-  getTimePeriodLabels,
-  getTimePickerLabels,
-  getTimePickerOptionAriaLabel,
-  mergeTigerLocale,
-  to12HourFormat,
-  to24HourFormat,
-  isTimeInRange,
-  generateHours,
-  generateMinutes,
-  generateSeconds,
-  getCurrentTime,
-  padTwo,
-  timePickerBaseClasses,
-  timePickerInputWrapperClasses,
-  getTimePickerInputClasses,
-  getTimePickerIconButtonClasses,
-  timePickerClearButtonClasses,
-  timePickerPanelClasses,
-  timePickerDesktopPanelContentClasses,
-  timePickerMobileWheelClasses,
-  timePickerMobileWheelSelectClasses,
-  timePickerRangeHeaderClasses,
-  getTimePickerRangeTabButtonClasses,
-  timePickerColumnClasses,
-  timePickerColumnHeaderClasses,
-  timePickerColumnListClasses,
-  getTimePickerItemClasses,
-  getTimePickerPeriodButtonClasses,
-  timePickerFooterClasses,
-  timePickerFooterButtonClasses,
-  focusTimePickerOption,
-  clockSolidIcon20PathD,
-  closeSolidIcon20PathD
-} from "@expcat/tigercat-core";
-var ClockIcon = createFilledIcon(clockSolidIcon20PathD, "w-5 h-5");
-var CloseIcon = createFilledIcon(closeSolidIcon20PathD, "w-4 h-4");
-var TimePicker = defineComponent({
-  name: "TigerTimePicker",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Selected time value (for v-model)
-     */
-    modelValue: {
-      type: [String, Array, null],
-      default: null
-    },
-    /**
-     * Locale used for UI labels and display formatting.
-     */
-    locale: {
-      type: [String, Object],
-      default: void 0
-    },
-    /**
-     * UI labels for i18n.
-     * When provided, merges with locale-based defaults.
-     */
-    labels: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Enable range selection (start/end).
-     */
-    range: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Time picker size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Time format (12-hour or 24-hour)
-     * @default '24'
-     */
-    format: {
-      type: String,
-      default: "24"
-    },
-    /**
-     * Show seconds selector
-     * @default false
-     */
-    showSeconds: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Step size for hours
-     * @default 1
-     */
-    hourStep: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * Step size for minutes
-     * @default 1
-     */
-    minuteStep: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * Step size for seconds
-     * @default 1
-     */
-    secondStep: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * Placeholder text
-     */
-    placeholder: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether the time picker is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the time picker is readonly
-     * @default false
-     */
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the time picker is required
-     * @default false
-     */
-    required: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Minimum selectable time
-     */
-    minTime: {
-      type: [String, null],
-      default: null
-    },
-    /**
-     * Maximum selectable time
-     */
-    maxTime: {
-      type: [String, null],
-      default: null
-    },
-    /**
-     * Show clear button
-     * @default true
-     */
-    clearable: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Input name attribute
-     */
-    name: {
-      type: String
-    },
-    /**
-     * Input id attribute
-     */
-    id: {
-      type: String
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: {
-    /**
-     * Emitted when time changes (for v-model)
-     */
-    "update:modelValue": (value) => value === null || typeof value === "string" || Array.isArray(value) && value.length === 2,
-    /**
-     * Emitted when time changes
-     */
-    change: (value) => value === null || typeof value === "string" || Array.isArray(value) && value.length === 2,
-    /**
-     * Emitted when clear button is clicked
-     */
-    clear: () => true
-  },
-  setup(props, { emit, attrs }) {
-    const config = useTigerConfig();
-    const isOpen = ref(false);
-    const panelRef = ref(null);
-    const inputWrapperRef = ref(null);
-    const inputRef = ref(null);
-    const overlay = useVueAnchoredOverlay({
-      enabled: isOpen,
-      referenceRef: inputWrapperRef,
-      floatingRef: panelRef,
-      placement: "bottom-start",
-      offset: 4,
-      layout: "bottom-sheet-sm",
-      dismissOnOutside: true,
-      dismissOnEscape: true,
-      onDismiss: closePanel
-    });
-    const isRangeMode = computed(() => props.range === true);
-    const activePart = ref("start");
-    const normalizeRangeValue = (value) => {
-      if (Array.isArray(value)) return [value[0] ?? null, value[1] ?? null];
-      return [null, null];
-    };
-    const currentRangeValue = computed(() => {
-      if (!isRangeMode.value) return [null, null];
-      return normalizeRangeValue(props.modelValue);
-    });
-    const currentSingleValue = computed(() => {
-      if (isRangeMode.value) return null;
-      return typeof props.modelValue === "string" || props.modelValue === null ? props.modelValue : null;
-    });
-    const activeValue = computed(() => {
-      if (!isRangeMode.value) return currentSingleValue.value;
-      return currentRangeValue.value[activePart.value === "start" ? 0 : 1];
-    });
-    const parsedTime = computed(() => parseTime(activeValue.value));
-    const selectedHours = ref(parsedTime.value?.hours ?? 0);
-    const selectedMinutes = ref(parsedTime.value?.minutes ?? 0);
-    const selectedSeconds = ref(parsedTime.value?.seconds ?? 0);
-    const selectedPeriod = ref("AM");
-    const syncSelectionFromActiveValue = () => {
-      const parsed = parseTime(activeValue.value);
-      if (!parsed) return;
-      selectedHours.value = parsed.hours;
-      selectedMinutes.value = parsed.minutes;
-      selectedSeconds.value = parsed.seconds;
-      if (props.format === "12") {
-        const { period } = to12HourFormat(parsed.hours);
-        selectedPeriod.value = period;
-      }
-    };
-    watch(() => [activeValue.value, props.format], syncSelectionFromActiveValue, {
-      immediate: true
-    });
-    const localeOverride = computed(
-      () => typeof props.locale === "string" ? { locale: props.locale } : props.locale
-    );
-    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, localeOverride.value));
-    const localeCode = computed(() => mergedLocale.value?.locale);
-    const labels = computed(() => getTimePickerLabels(mergedLocale.value, props.labels));
-    const computedPlaceholder = computed(
-      () => props.placeholder ?? (isRangeMode.value ? labels.value.selectTimeRange : labels.value.selectTime)
-    );
-    const periodLabels = computed(() => getTimePeriodLabels(localeCode.value));
-    const rootClasses = computed(
-      () => classNames(timePickerBaseClasses, props.className, coerceClassValue(attrs.class))
-    );
-    const rootStyle = computed(() => mergeStyleValues(attrs.style, props.style));
-    const displayValue = computed(() => {
-      if (!isRangeMode.value) {
-        if (!parsedTime.value) return "";
-        return formatTimeDisplayWithLocale(
-          parsedTime.value.hours,
-          parsedTime.value.minutes,
-          parsedTime.value.seconds,
-          props.format,
-          props.showSeconds,
-          localeCode.value
-        );
-      }
-      const toDisplay = (timeStr) => {
-        const parsed = parseTime(timeStr);
-        if (!parsed) return "";
-        return formatTimeDisplayWithLocale(
-          parsed.hours,
-          parsed.minutes,
-          parsed.seconds,
-          props.format,
-          props.showSeconds,
-          localeCode.value
-        );
-      };
-      const start = toDisplay(currentRangeValue.value[0]);
-      const end = toDisplay(currentRangeValue.value[1]);
-      if (!start && !end) return "";
-      return `${start} - ${end}`;
-    });
-    const showClearButton = computed(() => {
-      if (!props.clearable || props.disabled || props.readonly) return false;
-      if (!isRangeMode.value) return currentSingleValue.value !== null;
-      return currentRangeValue.value[0] !== null || currentRangeValue.value[1] !== null;
-    });
-    const hoursList = computed(() => generateHours(props.hourStep, props.format));
-    const minutesList = computed(() => generateMinutes(props.minuteStep));
-    const secondsList = computed(() => generateSeconds(props.secondStep));
-    function togglePanel() {
-      if (!props.disabled && !props.readonly) {
-        isOpen.value = !isOpen.value;
-        if (isOpen.value) {
-          syncSelectionFromActiveValue();
-        }
-      }
-    }
-    function closePanel() {
-      isOpen.value = false;
-      inputRef.value?.focus();
-    }
-    function focusOptionInUnit(unit, action) {
-      focusTimePickerOption(panelRef.value, unit, action);
-    }
-    function handlePanelKeydown(event) {
-      if (event.key === "Escape") {
-        event.preventDefault();
-        closePanel();
-        return;
-      }
-      const active = document.activeElement;
-      const unit = active?.getAttribute("data-tiger-timepicker-unit");
-      if (!unit) return;
-      if (event.key === "ArrowUp") {
-        event.preventDefault();
-        focusOptionInUnit(unit, "prev");
-        return;
-      }
-      if (event.key === "ArrowDown") {
-        event.preventDefault();
-        focusOptionInUnit(unit, "next");
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        focusOptionInUnit(unit, "first");
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        focusOptionInUnit(unit, "last");
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        const el = document.activeElement;
-        if (el && el.tagName === "BUTTON" && !el.disabled) {
-          event.preventDefault();
-          el.click();
-        }
-      }
-    }
-    function selectHour(hour) {
-      if (props.format === "12") {
-        selectedHours.value = to24HourFormat(hour, selectedPeriod.value);
-      } else {
-        selectedHours.value = hour;
-      }
-      updateTime();
-    }
-    function selectMinute(minute) {
-      selectedMinutes.value = minute;
-      updateTime();
-    }
-    function selectSecond(second) {
-      selectedSeconds.value = second;
-      updateTime();
-    }
-    function selectPeriod(period) {
-      selectedPeriod.value = period;
-      const { hours: hours12 } = to12HourFormat(selectedHours.value);
-      selectedHours.value = to24HourFormat(hours12, period);
-      updateTime();
-    }
-    function updateTime() {
-      if (!isTimeInRange(
-        selectedHours.value,
-        selectedMinutes.value,
-        props.minTime,
-        props.maxTime,
-        selectedSeconds.value
-      )) {
-        return;
-      }
-      let timeString = formatTime(
-        selectedHours.value,
-        selectedMinutes.value,
-        selectedSeconds.value,
-        props.showSeconds
-      );
-      if (!isRangeMode.value) {
-        emit("update:modelValue", timeString);
-        emit("change", timeString);
-        return;
-      }
-      const nextRange = [...currentRangeValue.value];
-      const index = activePart.value === "start" ? 0 : 1;
-      const parsedStart = parseTime(currentRangeValue.value[0]);
-      const parsedEnd = parseTime(currentRangeValue.value[1]);
-      const candidateSeconds = selectedHours.value * 3600 + selectedMinutes.value * 60 + selectedSeconds.value;
-      const startSeconds = parsedStart ? parsedStart.hours * 3600 + parsedStart.minutes * 60 + parsedStart.seconds : null;
-      const endSeconds = parsedEnd ? parsedEnd.hours * 3600 + parsedEnd.minutes * 60 + parsedEnd.seconds : null;
-      if (activePart.value === "end" && parsedStart && startSeconds !== null) {
-        if (candidateSeconds < startSeconds) {
-          timeString = formatTime(
-            parsedStart.hours,
-            parsedStart.minutes,
-            parsedStart.seconds,
-            props.showSeconds
-          );
-          selectedHours.value = parsedStart.hours;
-          selectedMinutes.value = parsedStart.minutes;
-          selectedSeconds.value = parsedStart.seconds;
-          if (props.format === "12") {
-            const { period } = to12HourFormat(parsedStart.hours);
-            selectedPeriod.value = period;
-          }
-        }
-      }
-      nextRange[index] = timeString;
-      if (activePart.value === "start" && endSeconds !== null && candidateSeconds > endSeconds) {
-        nextRange[1] = timeString;
-      }
-      emit("update:modelValue", nextRange);
-      emit("change", nextRange);
-      if (activePart.value === "start" && nextRange[1] === null) {
-        activePart.value = "end";
-      }
-    }
-    function clearTime(event) {
-      event.stopPropagation();
-      if (!isRangeMode.value) {
-        emit("update:modelValue", null);
-        emit("change", null);
-        emit("clear");
-        return;
-      }
-      const cleared = [null, null];
-      emit("update:modelValue", cleared);
-      emit("change", cleared);
-      emit("clear");
-    }
-    function setNow() {
-      const now = getCurrentTime(props.showSeconds);
-      const parsed = parseTime(now);
-      if (parsed) {
-        selectedHours.value = parsed.hours;
-        selectedMinutes.value = parsed.minutes;
-        selectedSeconds.value = parsed.seconds;
-        if (props.format === "12") {
-          const { period } = to12HourFormat(parsed.hours);
-          selectedPeriod.value = period;
-        }
-        updateTime();
-      }
-    }
-    function isHourDisabled(hour) {
-      const hours24 = props.format === "12" ? to24HourFormat(hour, selectedPeriod.value) : hour;
-      return !isTimeInRange(
-        hours24,
-        selectedMinutes.value,
-        props.minTime,
-        props.maxTime,
-        selectedSeconds.value
-      );
-    }
-    function isMinuteDisabled(minute) {
-      return !isTimeInRange(
-        selectedHours.value,
-        minute,
-        props.minTime,
-        props.maxTime,
-        selectedSeconds.value
-      );
-    }
-    function isSecondDisabled(second) {
-      return !isTimeInRange(
-        selectedHours.value,
-        selectedMinutes.value,
-        props.minTime,
-        props.maxTime,
-        second
-      );
-    }
-    function handleInputClick() {
-      togglePanel();
-    }
-    watch(isOpen, async (newValue) => {
-      if (newValue) {
-        await nextTick();
-        const panel = panelRef.value;
-        if (!panel) return;
-        const selectedHour = panel.querySelector(
-          'button[data-tiger-timepicker-unit="hour"][aria-selected="true"]:not([disabled])'
-        );
-        if (selectedHour) {
-          selectedHour.focus();
-          return;
-        }
-        const firstHour = panel.querySelector(
-          'button[data-tiger-timepicker-unit="hour"]:not([disabled])'
-        );
-        firstHour?.focus();
-      }
-    });
-    return () => {
-      const inputClasses = getTimePickerInputClasses(
-        props.size,
-        props.disabled || props.readonly,
-        showClearButton.value
-      );
-      const iconButtonClasses = getTimePickerIconButtonClasses(props.size);
-      return h("div", { ...attrs, class: rootClasses.value, style: rootStyle.value }, [
-        // Input wrapper
-        h(
-          "div",
-          {
-            ref: inputWrapperRef,
-            class: timePickerInputWrapperClasses
-          },
-          [
-            // Input field for time display
-            h("input", {
-              ref: inputRef,
-              type: "text",
-              class: inputClasses,
-              value: displayValue.value,
-              placeholder: computedPlaceholder.value,
-              disabled: props.disabled,
-              readonly: true,
-              required: props.required,
-              name: props.name,
-              id: props.id,
-              onClick: handleInputClick,
-              "aria-label": computedPlaceholder.value
-            }),
-            // Clear button
-            showClearButton.value && h(
-              "button",
-              {
-                type: "button",
-                class: timePickerClearButtonClasses,
-                onClick: clearTime,
-                "aria-label": labels.value.clear
-              },
-              CloseIcon
-            ),
-            // Clock icon button
-            h(
-              "button",
-              {
-                type: "button",
-                class: iconButtonClasses,
-                disabled: props.disabled || props.readonly,
-                onClick: togglePanel,
-                "aria-label": labels.value.toggle
-              },
-              ClockIcon
-            )
-          ]
-        ),
-        // Time picker panel
-        isOpen.value && renderVueOverlayTeleport(
-          h(
-            "div",
-            {
-              ref: panelRef,
-              class: classNames(timePickerPanelClasses, overlay.floatingClasses.value),
-              style: overlay.floatingStyles.value,
-              "data-positioned": overlay.positioned.value,
-              role: "dialog",
-              "aria-label": labels.value.dialog,
-              onKeydown: handlePanelKeydown
-            },
-            [
-              // Range header
-              isRangeMode.value && h("div", { class: timePickerRangeHeaderClasses }, [
-                h(
-                  "button",
-                  {
-                    type: "button",
-                    class: getTimePickerRangeTabButtonClasses(activePart.value === "start"),
-                    onClick: () => activePart.value = "start",
-                    "aria-label": labels.value.start,
-                    "aria-selected": activePart.value === "start"
-                  },
-                  labels.value.start
-                ),
-                h(
-                  "button",
-                  {
-                    type: "button",
-                    class: getTimePickerRangeTabButtonClasses(activePart.value === "end"),
-                    onClick: () => activePart.value = "end",
-                    "aria-label": labels.value.end,
-                    "aria-selected": activePart.value === "end"
-                  },
-                  labels.value.end
-                )
-              ]),
-              // Columns container
-              h("div", { class: timePickerMobileWheelClasses }, [
-                h(
-                  "select",
-                  {
-                    class: timePickerMobileWheelSelectClasses,
-                    value: props.format === "12" ? to12HourFormat(selectedHours.value).hours : selectedHours.value,
-                    "aria-label": labels.value.hour,
-                    onChange: (event) => selectHour(Number(event.target.value))
-                  },
-                  hoursList.value.map(
-                    (hour) => h("option", { value: hour, disabled: isHourDisabled(hour) }, padTwo(hour))
-                  )
-                ),
-                h(
-                  "select",
-                  {
-                    class: timePickerMobileWheelSelectClasses,
-                    value: selectedMinutes.value,
-                    "aria-label": labels.value.minute,
-                    onChange: (event) => selectMinute(Number(event.target.value))
-                  },
-                  minutesList.value.map(
-                    (minute) => h(
-                      "option",
-                      { value: minute, disabled: isMinuteDisabled(minute) },
-                      padTwo(minute)
-                    )
-                  )
-                ),
-                props.showSeconds && h(
-                  "select",
-                  {
-                    class: timePickerMobileWheelSelectClasses,
-                    value: selectedSeconds.value,
-                    "aria-label": labels.value.second,
-                    onChange: (event) => selectSecond(Number(event.target.value))
-                  },
-                  secondsList.value.map(
-                    (second) => h(
-                      "option",
-                      { value: second, disabled: isSecondDisabled(second) },
-                      padTwo(second)
-                    )
-                  )
-                ),
-                props.format === "12" && h(
-                  "select",
-                  {
-                    class: timePickerMobileWheelSelectClasses,
-                    value: selectedPeriod.value,
-                    "aria-label": "Period",
-                    onChange: (event) => selectPeriod(event.target.value)
-                  },
-                  [
-                    h("option", { value: "AM" }, periodLabels.value.am),
-                    h("option", { value: "PM" }, periodLabels.value.pm)
-                  ]
-                )
-              ]),
-              h("div", { class: timePickerDesktopPanelContentClasses }, [
-                // Hours column
-                h("div", { class: timePickerColumnClasses }, [
-                  h("div", { class: timePickerColumnHeaderClasses }, labels.value.hour),
-                  h(
-                    "div",
-                    { class: timePickerColumnListClasses },
-                    hoursList.value.map((hour) => {
-                      const hours24 = props.format === "12" ? to24HourFormat(hour, selectedPeriod.value) : hour;
-                      const isSelected = selectedHours.value === hours24;
-                      const isDisabled = isHourDisabled(hour);
-                      return h(
-                        "button",
-                        {
-                          key: hour,
-                          type: "button",
-                          class: getTimePickerItemClasses(isSelected, isDisabled),
-                          disabled: isDisabled,
-                          onClick: () => selectHour(hour),
-                          "data-tiger-timepicker-unit": "hour",
-                          "aria-label": getTimePickerOptionAriaLabel(
-                            hour,
-                            "hour",
-                            mergedLocale.value,
-                            props.labels
-                          ),
-                          "aria-selected": isSelected
-                        },
-                        padTwo(hour)
-                      );
-                    })
-                  )
-                ]),
-                // Minutes column
-                h("div", { class: timePickerColumnClasses }, [
-                  h("div", { class: timePickerColumnHeaderClasses }, labels.value.minute),
-                  h(
-                    "div",
-                    { class: timePickerColumnListClasses },
-                    minutesList.value.map((minute) => {
-                      const isSelected = selectedMinutes.value === minute;
-                      const isDisabled = isMinuteDisabled(minute);
-                      return h(
-                        "button",
-                        {
-                          key: minute,
-                          type: "button",
-                          class: getTimePickerItemClasses(isSelected, isDisabled),
-                          disabled: isDisabled,
-                          onClick: () => selectMinute(minute),
-                          "data-tiger-timepicker-unit": "minute",
-                          "aria-label": getTimePickerOptionAriaLabel(
-                            minute,
-                            "minute",
-                            mergedLocale.value,
-                            props.labels
-                          ),
-                          "aria-selected": isSelected
-                        },
-                        padTwo(minute)
-                      );
-                    })
-                  )
-                ]),
-                // Seconds column (if enabled)
-                props.showSeconds && h("div", { class: timePickerColumnClasses }, [
-                  h("div", { class: timePickerColumnHeaderClasses }, labels.value.second),
-                  h(
-                    "div",
-                    { class: timePickerColumnListClasses },
-                    secondsList.value.map((second) => {
-                      const isSelected = selectedSeconds.value === second;
-                      const isDisabled = isSecondDisabled(second);
-                      return h(
-                        "button",
-                        {
-                          key: second,
-                          type: "button",
-                          class: getTimePickerItemClasses(isSelected, isDisabled),
-                          disabled: isDisabled,
-                          onClick: () => selectSecond(second),
-                          "data-tiger-timepicker-unit": "second",
-                          "aria-label": getTimePickerOptionAriaLabel(
-                            second,
-                            "second",
-                            mergedLocale.value,
-                            props.labels
-                          ),
-                          "aria-selected": isSelected
-                        },
-                        padTwo(second)
-                      );
-                    })
-                  )
-                ]),
-                // AM/PM column (if 12-hour format)
-                props.format === "12" && h("div", { class: timePickerColumnClasses }, [
-                  h("div", { class: timePickerColumnHeaderClasses }, " "),
-                  h("div", { class: "flex flex-col" }, [
-                    h(
-                      "button",
-                      {
-                        type: "button",
-                        class: getTimePickerPeriodButtonClasses(selectedPeriod.value === "AM"),
-                        onClick: () => selectPeriod("AM"),
-                        "data-tiger-timepicker-unit": "period",
-                        "aria-label": periodLabels.value.am,
-                        "aria-selected": selectedPeriod.value === "AM"
-                      },
-                      periodLabels.value.am
-                    ),
-                    h(
-                      "button",
-                      {
-                        type: "button",
-                        class: getTimePickerPeriodButtonClasses(selectedPeriod.value === "PM"),
-                        onClick: () => selectPeriod("PM"),
-                        "data-tiger-timepicker-unit": "period",
-                        "aria-label": periodLabels.value.pm,
-                        "aria-selected": selectedPeriod.value === "PM"
-                      },
-                      periodLabels.value.pm
-                    )
-                  ])
-                ])
-              ]),
-              // Footer
-              h("div", { class: timePickerFooterClasses }, [
-                h(
-                  "button",
-                  {
-                    type: "button",
-                    class: timePickerFooterButtonClasses,
-                    onClick: setNow
-                  },
-                  labels.value.now
-                ),
-                h(
-                  "button",
-                  {
-                    type: "button",
-                    class: timePickerFooterButtonClasses,
-                    onClick: closePanel
-                  },
-                  labels.value.ok
-                )
-              ])
-            ]
-          ),
-          overlay.target.value
-        )
-      ]);
-    };
-  }
-});
-var TimePicker_default = TimePicker;
-
-export {
-  TimePicker,
-  TimePicker_default
-};