@react-fabric/date 1.0.0-beta.9 → 1.0.1

package/dist/cjs/superdate/RelativePanel.js

@@ -1,91 +0,0 @@
-'use strict';
-
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var core = require('@react-fabric/core');
-var form = require('@react-fabric/form');
-var utilities = require('@react-fabric/utilities');
-var react = require('react');
-var reactI18next = require('react-i18next');
-var index = require('../types/index.js');
-var RelativeInput = require('./RelativeInput.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-var schema = utilities.yup.object({
-  from: utilities.yup.object({
-    diff: utilities.yup.number().required().label("Difference"),
-    op: utilities.yup.string().required().oneOf(["+", "-"]).label("Operator"),
-    part: utilities.yup.string().required().oneOf(Object.values(index.DatePart)).label("Date part")
-  }),
-  to: utilities.yup.object({
-    diff: utilities.yup.number().required().label("Difference"),
-    op: utilities.yup.string().required().oneOf(["+", "-"]).label("Operator"),
-    part: utilities.yup.string().required().oneOf(Object.values(index.DatePart)).label("Date part")
-  })
-});
-var RelativePanel = function RelativePanel(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? "" : _ref$value,
-    onChange = _ref.onChange;
-  var _useTranslation = reactI18next.useTranslation("superdate"),
-    t = _useTranslation.t;
-  var handleChange = react.useCallback(function (_ref2) {
-    var to = _ref2.to,
-      from = _ref2.from;
-    onChange("".concat(from.part).concat(from.op).concat(from.diff, "|").concat(to.part).concat(to.op).concat(to.diff));
-  }, []);
-  var defaultValue = react.useMemo(function () {
-    if (value !== null && value !== void 0 && value.match(/^(\$\w+)([+-])(\d+)?\|(\$\w+)([+-])(\d+)?$/)) {
-      var _value$split$shift$ma, _value$split$pop$matc;
-      var _ref3 = (_value$split$shift$ma = value.split("|").shift().match(/^(\$\w+)([+-])(\d+)?$/)) !== null && _value$split$shift$ma !== void 0 ? _value$split$shift$ma : [],
-        _ref4 = _slicedToArray(_ref3, 4),
-        part = _ref4[1],
-        op = _ref4[2],
-        _ref4$ = _ref4[3],
-        diff = _ref4$ === void 0 ? "0" : _ref4$;
-      var _ref5 = (_value$split$pop$matc = value.split("|").pop().match(/^(\$\w+)([+-])(\d+)?$/)) !== null && _value$split$pop$matc !== void 0 ? _value$split$pop$matc : [],
-        _ref6 = _slicedToArray(_ref5, 4),
-        toPart = _ref6[1],
-        toOp = _ref6[2],
-        _ref6$ = _ref6[3],
-        toDiff = _ref6$ === void 0 ? "0" : _ref6$;
-      return {
-        from: {
-          part: part,
-          op: op,
-          diff: diff
-        },
-        to: {
-          part: toPart,
-          op: toOp,
-          diff: toDiff
-        }
-      };
-    }
-  }, [value]);
-  return /*#__PURE__*/jsxRuntime.jsx(core.Content, {
-    children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "scale-90",
-      children: /*#__PURE__*/jsxRuntime.jsxs(form.Form, {
-        schema: schema,
-        defaultValues: defaultValue,
-        onSubmit: handleChange,
-        children: [/*#__PURE__*/jsxRuntime.jsx(RelativeInput.RelativeInput, {
-          label: t("label.from"),
-          prefix: "from"
-        }), /*#__PURE__*/jsxRuntime.jsx(RelativeInput.RelativeInput, {
-          label: t("label.to"),
-          prefix: "to"
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "flex justify-end",
-          children: /*#__PURE__*/jsxRuntime.jsx(core.Button, {
-            variant: "solid",
-            type: "submit",
-            children: t("label.apply")
-          })
-        })]
-      })
-    })
-  });
-};
-
-exports.RelativePanel = RelativePanel;

package/dist/cjs/superdate/SuperDate.module.css

@@ -1 +0,0 @@
-@layer comp{.superDate{&:root{font-size:10px}}}

package/dist/cjs/superdate/Superdate.js

@@ -1,177 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var react$1 = require('@floating-ui/react');
-var core = require('@react-fabric/core');
-var classNames = require('classnames');
-var react = require('react');
-var reactI18next = require('react-i18next');
-var RangePanel = require('../panels/RangePanel.js');
-var dateUtil = require('../utils/dateUtil.js');
-var EventPanel = require('./EventPanel.js');
-var QuickSelect = require('./QuickSelect.js');
-var RelativePanel = require('./RelativePanel.js');
-var SuperDate_module = require('./SuperDate.module.css');
-var jsxRuntime = require('react/jsx-runtime');
-
-var _excluded = ["as", "color", "variant", "disabled", "onChange", "value", "data-test-value", "data-testid"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SuperDateTabs = function SuperDateTabs(_ref) {
-  var events = _ref.events,
-    value = _ref.value,
-    presets = _ref.presets,
-    recurringEvents = _ref.recurringEvents,
-    onChange = _ref.onChange;
-  var _useTranslation = reactI18next.useTranslation("superdate"),
-    t = _useTranslation.t;
-  var tree = react$1.useFloatingTree();
-  var _useGlobals = core.useGlobals(),
-    currentCalendar = _useGlobals.currentCalendar,
-    currentLocale = _useGlobals.currentLocale;
-  var isHijri = react.useMemo(function () {
-    return currentCalendar === "hijri";
-  }, [currentCalendar]);
-  var _useState = react.useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentValue = _useState2[0],
-    setCurrentValue = _useState2[1];
-  var _useState3 = react.useState("quick"),
-    _useState4 = _slicedToArray(_useState3, 2),
-    activeTab = _useState4[0],
-    setActiveTab = _useState4[1];
-  react.useEffect(function () {
-    if (value !== null && value !== void 0 && value.match(/^(\$\w+)([+-])(\d+)\|(\$\w+)([+-])(\d+)$/)) setActiveTab("relative");else if (value && !(value !== null && value !== void 0 && value.match(/^(\$\w+)/))) setActiveTab("absolute");else setActiveTab("quick");
-    value && setCurrentValue(value);
-  }, [value]);
-  var handleChange = react.useCallback(function (value) {
-    var _parsed$, _parsed$$toISOString, _parsed$2, _parsed$2$toISOString;
-    var parsed = dateUtil.DateUtil.parseRange(value);
-    setCurrentValue(value);
-    onChange === null || onChange === void 0 || onChange(value, [(_parsed$ = parsed[0]) === null || _parsed$ === void 0 || (_parsed$$toISOString = _parsed$.toISOString) === null || _parsed$$toISOString === void 0 ? void 0 : _parsed$$toISOString.call(_parsed$), (_parsed$2 = parsed[1]) === null || _parsed$2 === void 0 || (_parsed$2$toISOString = _parsed$2.toISOString) === null || _parsed$2$toISOString === void 0 ? void 0 : _parsed$2$toISOString.call(_parsed$2)]);
-    tree === null || tree === void 0 || tree.events.emit("close");
-  }, [isHijri, currentLocale]);
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classNames("rounded-capped outline select-none overflow-hidden grid", SuperDate_module.superDate),
-    children: /*#__PURE__*/jsxRuntime.jsxs(core.TabPanel, {
-      headerClassName: "border-b",
-      onChange: setActiveTab,
-      activeTab: activeTab,
-      children: [/*#__PURE__*/jsxRuntime.jsx(core.Tab, {
-        id: "quick",
-        label: t("label.quick"),
-        children: /*#__PURE__*/jsxRuntime.jsx(QuickSelect.QuickSelect, {
-          value: currentValue,
-          onChange: handleChange,
-          presets: presets
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(core.Tab, {
-        id: "relative",
-        label: t("label.relative"),
-        children: /*#__PURE__*/jsxRuntime.jsx(RelativePanel.RelativePanel, {
-          value: currentValue,
-          onChange: handleChange
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(core.Tab, {
-        id: "absolute",
-        label: t("label.absolute"),
-        children: /*#__PURE__*/jsxRuntime.jsx(core.Content, {
-          className: "p-0",
-          children: /*#__PURE__*/jsxRuntime.jsx(RangePanel.RangePanel, {
-            withTime: true,
-            showHijriToggle: true,
-            value: currentValue ? dateUtil.DateUtil.parseRange(currentValue) : undefined,
-            showApply: true,
-            onChange: function onChange(_ref2) {
-              var _ref3 = _slicedToArray(_ref2, 2),
-                start = _ref3[0],
-                end = _ref3[1];
-              return handleChange === null || handleChange === void 0 ? void 0 : handleChange("".concat(start, "|").concat(end));
-            }
-          })
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(core.Tab, {
-        id: "events",
-        label: t("label.events"),
-        children: /*#__PURE__*/jsxRuntime.jsx(EventPanel.EventPanel, {
-          isHijri: isHijri,
-          onChange: handleChange,
-          events: events,
-          recurringEvents: recurringEvents
-        })
-      })]
-    })
-  });
-};
-
-/**
- * Superdate panel provides ability to select relative and absolute dates
- *
- * Relative dates parts
- * `$now`,
- * `$minute`,
- * `$hour`,
- * `$day`,
- * `$week`,
- * `$month`,
- * `$quarter`,
- * `$year`,
- * `$decade`
- */
-var SuperDate = function SuperDate(_ref4) {
-  var _DateUtil$relativeLab;
-  var _ref4$as = _ref4.as,
-    as = _ref4$as === void 0 ? "button" : _ref4$as,
-    _ref4$color = _ref4.color,
-    color = _ref4$color === void 0 ? "primary" : _ref4$color,
-    variant = _ref4.variant,
-    disabled = _ref4.disabled,
-    onChange = _ref4.onChange,
-    value = _ref4.value,
-    testValue = _ref4["data-test-value"],
-    testId = _ref4["data-testid"],
-    props = _objectWithoutProperties(_ref4, _excluded);
-  var _useGlobals2 = core.useGlobals(),
-    currentCalendar = _useGlobals2.currentCalendar,
-    currentLocale = _useGlobals2.currentLocale;
-  var isHijri = react.useMemo(function () {
-    return currentCalendar === "hijri";
-  }, [currentCalendar]);
-  var _useState5 = react.useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    relValue = _useState6[0],
-    setRelative = _useState6[1];
-  react.useEffect(function () {
-    setRelative(value);
-  }, [value]);
-  var handleChange = react.useCallback(function (value) {
-    var _parsed$3, _parsed$3$toISOString, _parsed$4, _parsed$4$toISOString;
-    var parsed = dateUtil.DateUtil.parseRange(value);
-    setRelative(value);
-    onChange === null || onChange === void 0 || onChange(value, [(_parsed$3 = parsed[0]) === null || _parsed$3 === void 0 || (_parsed$3$toISOString = _parsed$3.toISOString) === null || _parsed$3$toISOString === void 0 ? void 0 : _parsed$3$toISOString.call(_parsed$3), (_parsed$4 = parsed[1]) === null || _parsed$4 === void 0 || (_parsed$4$toISOString = _parsed$4.toISOString) === null || _parsed$4$toISOString === void 0 ? void 0 : _parsed$4$toISOString.call(_parsed$4)]);
-  }, [isHijri, currentLocale]);
-  var E = as === "button" ? core.Button : core.Chip;
-  return /*#__PURE__*/jsxRuntime.jsxs(core.Dropdown, {
-    showArrow: true,
-    children: [/*#__PURE__*/jsxRuntime.jsx(core.Tooltip, {
-      content: dateUtil.DateUtil.relativeTooltip(relValue, isHijri),
-      children: /*#__PURE__*/jsxRuntime.jsx(E, {
-        icon: core.CoreIcons.clock,
-        color: color,
-        disabled: disabled,
-        variant: variant,
-        "data-test-value": testValue,
-        "data-testid": testId,
-        children: (_DateUtil$relativeLab = dateUtil.DateUtil.relativeLabel(relValue, isHijri)) !== null && _DateUtil$relativeLab !== void 0 ? _DateUtil$relativeLab : ""
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(SuperDateTabs, _objectSpread(_objectSpread({}, props), {}, {
-      value: relValue,
-      onChange: handleChange
-    }))]
-  });
-};
-
-exports.SuperDate = SuperDate;
-exports.SuperDateTabs = SuperDateTabs;

package/dist/esm/components/Date.module.css

@@ -1 +0,0 @@
-@layer comp{.dateHeader{box-shadow:inset 0 -1px 0 theme(colors.tint.200/50%)}.timeSlider{height:11.25rem;&:after,&:before{box-shadow:0 0 3rem .25rem theme(colors.tint.600);content:"";display:block;z-index:10}&:before{position:sticky;top:0}&:after{bottom:0;position:sticky}&>:first-child,&>:last-child{height:calc(50% - .75rem)}& [data-skew="1"]>div{opacity:.9;transform:scaleY(.9)}& [data-skew="2"]>div{opacity:.75;transform:scaleY(.75)}& [data-skew="3"]>div{opacity:.65;transform:scaleY(.65)}& [data-skew="4"]>div{opacity:.5;transform:scaleY(.5)}}}

package/dist/esm/i18n/ar.json.js

@@ -1,21 +0,0 @@
-'use client';
-
-var label = {
-	prevMonth: "الشهر الماضى",
-	prevYear: "السنة الماضية",
-	prevDecade: "العقد السابق",
-	nextMonth: "الشهر القادم",
-	nextYear: "العام القادم",
-	nextDecade: "العقد القادم",
-	today: "اليوم",
-	hijri: "هجري",
-	gregorian: "ميلادي"
-};
-var number = {
-};
-var ar = {
-	label: label,
-	number: number
-};
-
-export { ar as default, label, number };

package/dist/esm/i18n/en.json.js

@@ -1,18 +0,0 @@
-'use client';
-
-var label = {
-	prevMonth: "Previous Month",
-	prevYear: "Previous Year",
-	prevDecade: "Previous Decade",
-	nextMonth: "Next Month",
-	nextYear: "Next Year",
-	nextDecade: "Next Decade",
-	today: "Today",
-	hijri: "Hijri",
-	gregorian: "Gregorian"
-};
-var en = {
-	label: label
-};
-
-export { en as default, label };

package/dist/esm/i18n/superdate/ar.json.js

@@ -1,79 +0,0 @@
-'use client';
-
-var separator = " ⇽ ";
-var label = {
-	quick: "حدد مسرعا",
-	relative: "نسبيا",
-	events: "الأحداث",
-	absolute: "مطلق",
-	preset: "المسبقة",
-	current: "تيار",
-	previous: "السابق",
-	from: "من عند",
-	to: "إلى",
-	"+": "من الان",
-	"-": "منذ",
-	apply: "يتقدم",
-	$now: "الآن",
-	$minute: "دقيقة",
-	$hour: "ساعة",
-	$day: "يوم",
-	$week: "أسبوع",
-	$month: "شهر",
-	$quarter: "ربع",
-	$year: "عام",
-	$decade: "عقد"
-};
-var now = {
-	$day: "اليوم",
-	$week: "هذا الاسبوع",
-	$month: "هذا الشهر",
-	$quarter: "هذا الربع",
-	$year: "هذه السنة",
-	$decade: "هذا العقد"
-};
-var next = {
-	$day: "غدا",
-	$week: "الاسبوع القادم",
-	$month: "الشهر القادم",
-	$quarter: "الربع القادم",
-	$year: "العام القادم",
-	$decade: "العقد القادم",
-	$minute: "بعد دقيقة",
-	$hour: "بعد ساعة",
-	$minute_plural: "بعد {{count}} دقائق",
-	$hour_plural: "بعد {{count}} ساعات",
-	$day_plural: "بعد {{count}} أيام",
-	$week_plural: "بعد {{count}} أسابيع",
-	$month_plural: "بعد {{count}} أشهر",
-	$quarter_plural: "بعد {{count}} أرباع",
-	$year_plural: "بعد {{count}} سنوات",
-	$decade_plural: "بعد {{count}} عقود"
-};
-var prev = {
-	$day: "في الامس",
-	$week: "الاسبوع الماضي",
-	$month: "الشهر الماضي",
-	$quarter: "الربع الأخير",
-	$year: "العام الماضي",
-	$decade: "العقد الماضي",
-	$minute: "منذ دقيقة",
-	$hour: "منذ ساعة",
-	$minute_plural: "منذ {{count}} دقيقة",
-	$hour_plural: "منذ {{count}} ساعات",
-	$day_plural: "منذ {{count}} أيام",
-	$week_plural: "من {{count}} اسابيع",
-	$month_plural: "قبل {{count}} أشهر",
-	$quarter_plural: "منذ {{count}} أرباع",
-	$year_plural: "منذ {{count}} سنوات",
-	$decade_plural: "منذ {{count}} عقود"
-};
-var arSuper = {
-	separator: separator,
-	label: label,
-	now: now,
-	next: next,
-	prev: prev
-};
-
-export { arSuper as default, label, next, now, prev, separator };

package/dist/esm/i18n/superdate/en.json.js

@@ -1,85 +0,0 @@
-'use client';
-
-var separator = " ⇾ ";
-var event = {
-	ramadan: "Ramadan",
-	christmas: "Christmas",
-	newYear: "New Year"
-};
-var label = {
-	quick: "Quick Select",
-	relative: "Relative",
-	absolute: "Absolute",
-	events: "Events",
-	preset: "Presets",
-	current: "Current",
-	previous: "Previous",
-	from: "From",
-	to: "To",
-	"+": "From now",
-	"-": "Ago",
-	apply: "Apply",
-	$now: "Now",
-	$minute: "Minute",
-	$hour: "Hour",
-	$day: "Day",
-	$week: "Week",
-	$month: "Month",
-	$quarter: "Quarter",
-	$year: "Year",
-	$decade: "Decade"
-};
-var now = {
-	$day: "Today",
-	$week: "This week",
-	$month: "This month",
-	$quarter: "This quarter",
-	$year: "This year",
-	$decade: "This decade"
-};
-var next = {
-	$day: "Tomorrow",
-	$week: "Next week",
-	$month: "Next month",
-	$quarter: "Next quarter",
-	$year: "Next year",
-	$decade: "Next decade",
-	$minute: "A minute later",
-	$hour: "An hour later",
-	$minute_other: "{{count}} minutes later",
-	$hour_other: "{{count}} hours later",
-	$day_other: "{{count}} days later",
-	$week_other: "{{count}} weeks later",
-	$month_other: "{{count}} months later",
-	$quarter_other: "{{count}} quarters later",
-	$year_other: "{{count}} years later",
-	$decade_other: "{{count}} decades later"
-};
-var prev = {
-	$day: "Yesterday",
-	$week: "Last week",
-	$month: "Last month",
-	$quarter: "Last quarter",
-	$year: "Last year",
-	$decade: "Last decade",
-	$minute: "A minute ago",
-	$hour: "An hour ago",
-	$minute_other: "{{count}} minutes ago",
-	$hour_other: "{{count}} hours ago",
-	$day_other: "{{count}} days ago",
-	$week_other: "{{count}} weeks ago",
-	$month_other: "{{count}} months ago",
-	$quarter_other: "{{count}} quarters ago",
-	$year_other: "{{count}} years ago",
-	$decade_other: "{{count}} decades ago"
-};
-var enSuper = {
-	separator: separator,
-	event: event,
-	label: label,
-	now: now,
-	next: next,
-	prev: prev
-};
-
-export { enSuper as default, event, label, next, now, prev, separator };

package/dist/esm/superdate/QuickSelect.js

@@ -1,134 +0,0 @@
-'use client';
-
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { Content, Divider } from '@react-fabric/core';
-import { Form } from '@react-fabric/form';
-import { yup } from '@react-fabric/utilities';
-import { useCallback, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { DatePart } from '../types/index.js';
-import { RelativeInput } from './RelativeInput.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var DEFAULT_PRESETS = [{
-  value: "$day",
-  label: "superdate:now.$day"
-}, {
-  value: "$day-1",
-  label: "superdate:prev.$day"
-}, {
-  value: "$day+1",
-  label: "superdate:next.$day"
-}, {
-  value: "$week",
-  label: "superdate:now.$week"
-}, {
-  value: "$week-1",
-  label: "superdate:prev.$week"
-}, {
-  value: "$week+1",
-  label: "superdate:next.$week"
-}, {
-  value: "$month",
-  label: "superdate:now.$month"
-}, {
-  value: "$month-1",
-  label: "superdate:prev.$month"
-}, {
-  value: "$month+1",
-  label: "superdate:next.$month"
-}, {
-  value: "$quarter",
-  label: "superdate:now.$quarter"
-}, {
-  value: "$quarter-1",
-  label: "superdate:prev.$quarter"
-}, {
-  value: "$quarter+1",
-  label: "superdate:next.$quarter"
-}, {
-  value: "$year",
-  label: "superdate:now.$year"
-}, {
-  value: "$year-1",
-  label: "superdate:prev.$year"
-}, {
-  value: "$year+1",
-  label: "superdate:next.$year"
-}];
-var schema = yup.object({
-  rel: yup.object({
-    diff: yup.number().required().label("Difference"),
-    op: yup.string().required().oneOf(["+", "-"]).label("Operator"),
-    part: yup.string().required().oneOf(Object.values(DatePart)).label("Date part")
-  })
-});
-var QuickSelect = function QuickSelect(_ref) {
-  var _ref$presets = _ref.presets,
-    presets = _ref$presets === void 0 ? DEFAULT_PRESETS : _ref$presets,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? "" : _ref$value,
-    onChange = _ref.onChange;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var handleChange = useCallback(function (_ref2) {
-    var _ref2$rel = _ref2.rel,
-      part = _ref2$rel.part,
-      diff = _ref2$rel.diff,
-      op = _ref2$rel.op;
-    onChange("".concat(part).concat(op).concat(diff, "|").concat(DatePart.NOW));
-  }, []);
-  var defaultValue = useMemo(function () {
-    if (value !== null && value !== void 0 && value.endsWith(DatePart.NOW)) {
-      var _value$split$shift$ma;
-      var _ref3 = (_value$split$shift$ma = value.split("|").shift().match(/^(\$\w+)([+-])(\d+)?$/)) !== null && _value$split$shift$ma !== void 0 ? _value$split$shift$ma : [],
-        _ref4 = _slicedToArray(_ref3, 4),
-        part = _ref4[1],
-        op = _ref4[2],
-        _ref4$ = _ref4[3],
-        diff = _ref4$ === void 0 ? "0" : _ref4$;
-      return {
-        rel: {
-          part: part,
-          op: op,
-          diff: diff
-        }
-      };
-    }
-  }, [value]);
-  return /*#__PURE__*/jsxs(Content, {
-    children: [/*#__PURE__*/jsx("div", {
-      className: "inline-block origin-left rtl:origin-right",
-      style: {
-        zoom: 0.85
-      },
-      children: /*#__PURE__*/jsx(Form, {
-        schema: schema,
-        onSubmit: handleChange,
-        defaultValues: defaultValue,
-        children: /*#__PURE__*/jsx(RelativeInput, {
-          label: t("superdate:label.relative"),
-          prefix: "rel",
-          showApply: true
-        })
-      })
-    }), /*#__PURE__*/jsx(Divider, {
-      children: t("superdate:label.preset")
-    }), /*#__PURE__*/jsx("div", {
-      className: "grid grid-cols-3 flex-row text-sm gap-2",
-      children: presets.map(function (pr) {
-        return /*#__PURE__*/jsx("button", {
-          className: "link appearance-none text-start",
-          onClick: function onClick() {
-            return onChange === null || onChange === void 0 ? void 0 : onChange(pr.value);
-          },
-          children: t(pr.label, {
-            defaultValue: pr.label
-          })
-        }, pr.value);
-      })
-    })]
-  });
-};
-
-export { QuickSelect };