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

package/dist/esm/components/DecadePage.js

@@ -9,9 +9,9 @@ import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["pageDate", "isHijri"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 cols = [-1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-var DecadePage = function DecadePage(_ref) {
+function DecadePage(_ref) {
   var pageDate = _ref.pageDate,
     isHijri = _ref.isHijri,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -29,6 +29,6 @@ var DecadePage = function DecadePage(_ref) {
       }, props), col);
     })
   });
-};
+}
 
 export { DecadePage };

package/dist/esm/components/MonthPage.js

@@ -9,9 +9,9 @@ import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["pageDate", "isHijri"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 cols = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-var MonthPage = function MonthPage(_ref) {
+function MonthPage(_ref) {
   var pageDate = _ref.pageDate,
     isHijri = _ref.isHijri,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -28,6 +28,6 @@ var MonthPage = function MonthPage(_ref) {
       }, props), col);
     })
   });
-};
+}
 
 export { MonthPage };

package/dist/esm/components/TimeSliders.js

@@ -1,13 +1,12 @@
 'use client';
 
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useDebounce } from '@react-fabric/core';
-import classNames from 'classnames';
-import { useRef, useState, useEffect, useCallback } from 'react';
-import classes from './Date.module.css';
+import { usePropState, useDebounce } from '@react-fabric/core';
+import { cn } from '@react-fabric/utilities';
+import { useRef, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var TimeSlider = function TimeSlider(_ref) {
+function TimeSlider(_ref) {
   var _ref$hour = _ref.hour,
     hour = _ref$hour === void 0 ? 0 : _ref$hour,
     _ref$minute = _ref.minute,
@@ -15,28 +14,24 @@ var TimeSlider = function TimeSlider(_ref) {
     onTimeChange = _ref.onTimeChange;
   var hourRef = useRef(null);
   var minuteRef = useRef(null);
-  var _useState = useState(hour),
-    _useState2 = _slicedToArray(_useState, 2),
-    h = _useState2[0],
-    setH = _useState2[1];
-  var _useState3 = useState(minute),
-    _useState4 = _slicedToArray(_useState3, 2),
-    m = _useState4[0],
-    setM = _useState4[1];
-  useEffect(function () {
-    var _hourRef$current;
-    setH(hour);
-    (_hourRef$current = hourRef.current) === null || _hourRef$current === void 0 || (_hourRef$current = _hourRef$current.children.item(hour + 1)) === null || _hourRef$current === void 0 || _hourRef$current.scrollIntoView({
-      block: "center"
-    });
-  }, [hour]);
-  useEffect(function () {
-    var _minuteRef$current;
-    setM(minute);
-    (_minuteRef$current = minuteRef.current) === null || _minuteRef$current === void 0 || (_minuteRef$current = _minuteRef$current.children.item(minute + 1)) === null || _minuteRef$current === void 0 || _minuteRef$current.scrollIntoView({
-      block: "center"
-    });
-  }, [minute]);
+  var _usePropState = usePropState(hour, function (hr) {
+      var _hourRef$current;
+      return (_hourRef$current = hourRef.current) === null || _hourRef$current === void 0 || (_hourRef$current = _hourRef$current.children.item(hr + 1)) === null || _hourRef$current === void 0 ? void 0 : _hourRef$current.scrollIntoView({
+        block: "center"
+      });
+    }),
+    _usePropState2 = _slicedToArray(_usePropState, 2),
+    h = _usePropState2[0],
+    setH = _usePropState2[1];
+  var _usePropState3 = usePropState(minute, function (mn) {
+      var _minuteRef$current;
+      return (_minuteRef$current = minuteRef.current) === null || _minuteRef$current === void 0 || (_minuteRef$current = _minuteRef$current.children.item(mn + 1)) === null || _minuteRef$current === void 0 ? void 0 : _minuteRef$current.scrollIntoView({
+        block: "center"
+      });
+    }),
+    _usePropState4 = _slicedToArray(_usePropState3, 2),
+    m = _usePropState4[0],
+    setM = _usePropState4[1];
   var fireChange = useDebounce(onTimeChange, [onTimeChange]);
   var calculateTime = useCallback(function () {
     var _hourRef$current$scro, _hourRef$current2, _offsetHeight, _hourRef$current3, _minuteRef$current$sc, _minuteRef$current2, _offsetHeight2, _minuteRef$current3;
@@ -52,22 +47,22 @@ var TimeSlider = function TimeSlider(_ref) {
       hour: hour,
       minute: minute
     });
-  }, [onTimeChange]);
+  }, [fireChange, setH, setM]);
   return /*#__PURE__*/jsxs("div", {
-    className: classNames("area-[time] flex flex-col flex-nowrap border-s border-s-tint-50 overflow-hidden bg-base"),
+    className: cn("area-[time] flex flex-col flex-nowrap border-s border-s-tint-50 overflow-hidden bg-default"),
     children: [/*#__PURE__*/jsxs("div", {
       className: "flex",
       children: [/*#__PURE__*/jsx("div", {
-        className: classNames(classes.dateHeader, "flex-1 font-medium text-muted text-sm p-1 mx-px text-center bg-tint-50"),
+        className: cn("fabric-dateHeader", "flex-1 font-medium text-muted text-sm p-1 mx-px text-center bg-tint-50"),
         children: "H"
       }), /*#__PURE__*/jsx("div", {
-        className: classNames(classes.dateHeader, "flex-1 font-medium text-muted text-sm p-1 mx-px text-center bg-tint-50"),
+        className: cn("fabric-dateHeader", "flex-1 font-medium text-muted text-sm p-1 mx-px text-center bg-tint-50"),
         children: "M"
       })]
     }), /*#__PURE__*/jsxs("div", {
-      className: "flex flex-1 flex-nowrap overflow-hidden relative",
+      className: "flex flex-1 flex-nowrap items-stretch overflow-hidden relative",
       children: [/*#__PURE__*/jsxs("div", {
-        className: classNames("flex-1 overflow-auto scroll-hide snap-y snap-mandatory", classes.timeSlider),
+        className: cn("flex-1 overflow-auto scroll-hide snap-y snap-mandatory", "fabric-date-timeSlider"),
         onScroll: calculateTime,
         ref: hourRef,
         children: [/*#__PURE__*/jsx("div", {
@@ -75,7 +70,10 @@ var TimeSlider = function TimeSlider(_ref) {
         }), Array(24).fill(0).map(function (_, i) {
           return /*#__PURE__*/jsx("div", {
             role: "none",
-            className: classNames("ps-2 pe-1 snap-center outline outline-muted", i === h && "font-medium text-primary-600"),
+            className: cn("ps-2 pe-1 snap-center outline outline-muted", i === h && "font-medium text-primary-600")
+            // eslint-disable-next-line @eslint-react/no-array-index-key
+            ,
+
             "data-skew": i === h - 5 || i === h + 5 ? 5 : i === h - 4 || i === h + 4 ? 4 : i === h - 3 || i === h + 3 ? 3 : i === h - 2 || i === h + 2 ? 2 : i === h - 1 || i === h + 1 ? 1 : undefined,
             "data-selected": i === h,
             onClick: function onClick(e) {
@@ -92,7 +90,7 @@ var TimeSlider = function TimeSlider(_ref) {
           className: "w-full"
         })]
       }), /*#__PURE__*/jsxs("div", {
-        className: classNames("flex-1 overflow-auto scroll-hide snap-y snap-mandatory", classes.timeSlider),
+        className: cn("flex-1 overflow-auto scroll-hide snap-y snap-mandatory", "fabric-date-timeSlider"),
         onScroll: calculateTime,
         ref: minuteRef,
         children: [/*#__PURE__*/jsx("div", {
@@ -100,7 +98,10 @@ var TimeSlider = function TimeSlider(_ref) {
         }), Array(60).fill(0).map(function (_, i) {
           return /*#__PURE__*/jsx("div", {
             role: "none",
-            className: classNames("ps-1 pe-2 snap-center outline outline-muted", i === m && "font-medium text-primary-600"),
+            className: cn("ps-1 pe-2 snap-center outline outline-muted", i === m && "font-medium text-primary-600")
+            // eslint-disable-next-line @eslint-react/no-array-index-key
+            ,
+
             "data-skew": i === m - 5 || i === m + 5 ? 5 : i === m - 4 || i === m + 4 ? 4 : i === m - 3 || i === m + 3 ? 3 : i === m - 2 || i === m + 2 ? 2 : i === m - 1 || i === m + 1 ? 1 : undefined,
             "data-selected": i === m,
             onClick: function onClick(e) {
@@ -126,6 +127,6 @@ var TimeSlider = function TimeSlider(_ref) {
       })]
     })]
   });
-};
+}
 
 export { TimeSlider };

package/dist/esm/components/YearPage.js

@@ -9,9 +9,9 @@ import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["pageDate", "isHijri"];
 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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 cols = [-1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-var YearPage = function YearPage(_ref) {
+function YearPage(_ref) {
   var pageDate = _ref.pageDate,
     isHijri = _ref.isHijri,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -29,6 +29,6 @@ var YearPage = function YearPage(_ref) {
       }, props), col);
     })
   });
-};
+}
 
 export { YearPage };

package/dist/esm/display/DateDisplay.js

@@ -2,34 +2,51 @@
 
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useGlobals, Tooltip, Dropdown } from '@react-fabric/core';
+import { useApplicationContext, Tooltip, Dropdown } from '@react-fabric/core';
+import { cn } from '@react-fabric/utilities';
 import { DateUtil } from '../utils/dateUtil.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded = ["date", "className", "format", "children"];
+var _excluded = ["date", "className", "format", "children", "showAlternateDate"];
 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 DateDisplay = function DateDisplay(_ref) {
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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; }
+/**
+ * DateDisplay component to display a formatted gregorian or hijri date with optional tooltip and dropdown.
+ * It uses the current calendar and locale from the global context.
+ * It formats the date using the provided format or a default format.
+ * If `showAlternateDate` is true, it shows a tooltip with the formatted date.
+ * If `children` are provided, it wraps the date in a dropdown.
+ *
+ * @example
+ * ```jsx
+ * <DateDisplay date={new Date()} />
+ * ```
+ */
+function DateDisplay(_ref) {
   var date = _ref.date,
     className = _ref.className,
     _ref$format = _ref.format,
     format = _ref$format === void 0 ? "eee, PPpp" : _ref$format,
     children = _ref.children,
+    showAlternateDate = _ref.showAlternateDate,
     aria = _objectWithoutProperties(_ref, _excluded);
-  var _useGlobals = useGlobals(),
-    currentCalendar = _useGlobals.currentCalendar,
-    currentLocale = _useGlobals.currentLocale;
+  var _useApplicationContex = useApplicationContext(),
+    currentCalendar = _useApplicationContex.currentCalendar,
+    currentLocale = _useApplicationContex.currentLocale;
   var dtLabel = /*#__PURE__*/jsx(Tooltip, {
+    disabled: !showAlternateDate,
     content: DateUtil.format(date, format, currentLocale, currentCalendar !== "hijri"),
     children: /*#__PURE__*/jsx("span", _objectSpread(_objectSpread({
-      className: className
+      className: cn(className, !!children && "underline decoration-dotted cursor-pointer")
     }, aria), {}, {
       children: DateUtil.format(date, format, currentLocale, currentCalendar === "hijri")
     }))
   });
   return children ? /*#__PURE__*/jsxs(Dropdown, {
+    showArrow: true,
+    closeOnClick: true,
     children: [dtLabel, children]
   }) : dtLabel;
-};
+}
 
 export { DateDisplay };

package/dist/esm/display/DateDuration.js

@@ -0,0 +1,155 @@
+'use client';
+
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Tooltip, Dropdown } from '@react-fabric/core';
+import { cn, Format } from '@react-fabric/utilities';
+import { intervalToDuration, isBefore } from 'date-fns';
+import { useState, useEffect, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { DateUtil } from '../utils/dateUtil.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["date", "children", "className", "format"];
+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), true).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; }
+/**
+ * DateDuration component to display the duration from a given date to now.
+ * It calculates the difference in years, months, weeks, days, hours, minutes, and seconds,
+ * and displays it in a human-readable format.
+ * It uses the current locale for translations.
+ *
+ * @example
+ * ```jsx
+ * <DateDuration date={new Date("2020-01-01")} />
+ * ```
+ */
+function DateDuration(_ref) {
+  var date = _ref.date,
+    children = _ref.children,
+    className = _ref.className,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? "PPpp" : _ref$format,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = useTranslation("date"),
+    t = _useTranslation.t;
+  var _useState = useState(function () {
+      return {};
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    dateInterval = _useState2[0],
+    setDateInterval = _useState2[1];
+  useEffect(function () {
+    // eslint-disable-next-line @eslint-react/set-state-in-effect
+    setDateInterval(intervalToDuration({
+      start: new Date(date),
+      end: new Date()
+    }));
+    // update interval every minute
+    var tmr = setInterval(function () {
+      setDateInterval(intervalToDuration({
+        start: new Date(date),
+        end: new Date()
+      }));
+    }, 60 * 1000);
+    return function () {
+      return clearInterval(tmr);
+    };
+  }, [date]);
+  var label = useMemo(function () {
+    var before = isBefore(DateUtil.parseDate(date), new Date());
+    var tkey = before ? "relative.before" : "relative.after";
+    var part = "now";
+    var count = 0;
+    if (dateInterval.years && dateInterval.years > 0) {
+      var _dateInterval$months;
+      part = "years";
+      count = dateInterval.years;
+      if (((_dateInterval$months = dateInterval.months) !== null && _dateInterval$months !== void 0 ? _dateInterval$months : 0) > 10) {
+        part = "yearsX";
+        count += 1;
+      }
+    } else if (dateInterval.months && dateInterval.months > 0) {
+      var _dateInterval$weeks;
+      part = "months";
+      count = dateInterval.months;
+      if (dateInterval.months > 10) {
+        part = "yearsX";
+        count = 1;
+      } else if (((_dateInterval$weeks = dateInterval.weeks) !== null && _dateInterval$weeks !== void 0 ? _dateInterval$weeks : 0) > 3) {
+        part = "monthsX";
+        count += 1;
+      }
+    } else if (dateInterval.weeks && dateInterval.weeks > 0) {
+      var _dateInterval$days;
+      part = "weeks";
+      count = dateInterval.weeks;
+      if (dateInterval.weeks > 3) {
+        part = "monthsX";
+        count = 1;
+      } else if (((_dateInterval$days = dateInterval.days) !== null && _dateInterval$days !== void 0 ? _dateInterval$days : 0) > 5) {
+        part = "weeksX";
+        count += 1;
+      }
+    } else if (dateInterval.days && dateInterval.days > 0) {
+      var _dateInterval$hours;
+      part = "days";
+      count = dateInterval.days;
+      if (dateInterval.days > 5) {
+        part = "weeksX";
+        count = 1;
+      } else if (((_dateInterval$hours = dateInterval.hours) !== null && _dateInterval$hours !== void 0 ? _dateInterval$hours : 0) > 20) {
+        part = "daysX";
+        count += 1;
+      }
+    } else if (dateInterval.hours && dateInterval.hours > 0) {
+      var _dateInterval$minutes;
+      part = "hours";
+      count = dateInterval.hours;
+      if (dateInterval.hours > 20) {
+        part = "daysX";
+        count = 1;
+      } else if (((_dateInterval$minutes = dateInterval.minutes) !== null && _dateInterval$minutes !== void 0 ? _dateInterval$minutes : 0) > 45) {
+        part = "hoursX";
+        count += 1;
+      }
+    } else if (dateInterval.minutes && dateInterval.minutes > 0) {
+      var _dateInterval$seconds;
+      part = "minutes";
+      count = dateInterval.minutes;
+      if (dateInterval.minutes > 45) {
+        part = "hoursX";
+        count = 1;
+      } else if (((_dateInterval$seconds = dateInterval.seconds) !== null && _dateInterval$seconds !== void 0 ? _dateInterval$seconds : 0) > 45) {
+        part = "minuteX";
+        count += 1;
+      }
+    } else if (dateInterval.seconds && dateInterval.seconds > 15) {
+      part = "seconds";
+      count = dateInterval.seconds;
+      if (dateInterval.seconds > 45) {
+        part = "minutesX";
+        count = 1;
+      }
+    }
+    return t("".concat(tkey, ".").concat(part), {
+      count: count
+    });
+  }, [date, dateInterval.days, dateInterval.hours, dateInterval.minutes, dateInterval.months, dateInterval.seconds, dateInterval.weeks, dateInterval.years, t]);
+  var dtLabel = /*#__PURE__*/jsx(Tooltip, {
+    content: Format.date(date, format),
+    children: /*#__PURE__*/jsx("span", _objectSpread(_objectSpread({
+      className: cn(className, !!children && "underline decoration-dotted cursor-pointer")
+    }, props), {}, {
+      children: label
+    }))
+  });
+  return children ? /*#__PURE__*/jsxs(Dropdown, {
+    showArrow: true,
+    closeOnClick: true,
+    children: [dtLabel, children]
+  }) : dtLabel;
+}
+
+export { DateDuration };

package/dist/esm/hijri/DateConverter.js

@@ -0,0 +1,152 @@
+'use client';
+
+function intPart(floatNum) {
+  if (floatNum < -1e-7) {
+    return Math.ceil(floatNum - 0.0000001);
+  }
+  return Math.floor(floatNum + 0.0000001);
+}
+var delta = 1;
+function GregToIsl(arg) {
+  var d = parseInt(arg.CDay.value);
+  var m = parseInt(arg.CMonth.value);
+  var y = parseInt(arg.CYear.value);
+  var jd,
+    l,
+    jd1,
+    n,
+    j,
+    delta = 1;
+  if (y > 1582 || y == 1582 && m > 10 || y == 1582 && m == 10 && d > 14) {
+    //added delta=1 on jd to comply isna rulling 2007
+    jd = intPart(1461 * (y + 4800 + intPart((m - 14) / 12)) / 4) + intPart(367 * (m - 2 - 12 * intPart((m - 14) / 12)) / 12) - intPart(3 * intPart((y + 4900 + intPart((m - 14) / 12)) / 100) / 4) + d - 32075 + delta;
+  } else {
+    //added +1 on jd to comply isna rulling
+    jd = 367 * y - intPart(7 * (y + 5001 + intPart((m - 9) / 7)) / 4) + intPart(275 * m / 9) + d + 1729777 + delta;
+  }
+
+  //added -1 on jd1 to comply isna rulling
+  jd1 = jd - delta;
+  l = jd - 1948440 + 10632;
+  n = intPart((l - 1) / 10631);
+  l = l - 10631 * n + 354;
+  j = intPart((10985 - l) / 5316) * intPart(50 * l / 17719) + intPart(l / 5670) * intPart(43 * l / 15238);
+  l = l - intPart((30 - j) / 15) * intPart(17719 * j / 50) - intPart(j / 16) * intPart(15238 * j / 43) + 29;
+  m = intPart(24 * l / 709);
+  d = l - intPart(709 * m / 24);
+  y = 30 * n + j - 30;
+  return {
+    d: d,
+    m: m,
+    y: y,
+    dateOfWeek: jd1 % 7,
+    dayName: weekDay(jd1 % 7)
+  };
+}
+function IslToGreg(arg) {
+  var d = parseInt(arg.HDay.value);
+  var m = parseInt(arg.HMonth.value);
+  var y = parseInt(arg.HYear.value);
+  //added - delta=1 on jd to comply isna rulling
+  var jd = intPart((11 * y + 3) / 30) + 354 * y + 30 * m - intPart((m - 1) / 2) + d + 1948440 - 385 - delta;
+  var l, n, i, j, k;
+  if (jd > 2299160) {
+    l = jd + 68569;
+    n = intPart(4 * l / 146097);
+    l = l - intPart((146097 * n + 3) / 4);
+    i = intPart(4000 * (l + 1) / 1461001);
+    l = l - intPart(1461 * i / 4) + 31;
+    j = intPart(80 * l / 2447);
+    d = l - intPart(2447 * j / 80);
+    l = intPart(j / 11);
+    m = j + 2 - 12 * l;
+    y = 100 * (n - 49) + i + l;
+  } else {
+    j = jd + 1402;
+    k = intPart((j - 1) / 1461);
+    l = j - 1461 * k;
+    n = intPart((l - 1) / 365) - intPart(l / 1461);
+    i = l - 365 * n + 30;
+    j = intPart(80 * i / 2447);
+    d = i - intPart(2447 * j / 80);
+    i = intPart(j / 11);
+    m = j + 2 - 12 * i;
+    y = 4 * k + n + i - 4716;
+  }
+
+  //arg.CDay.value=d
+  //arg.CMonth.value=m
+  //arg.CYear.value=y
+
+  return {
+    d: d,
+    m: m,
+    y: y,
+    dateOfWeek: jd % 7,
+    dayName: weekDay(jd % 7)
+  };
+}
+function weekDay(wdn) {
+  if (wdn == 0) {
+    return "Mon";
+  }
+  if (wdn == 1) {
+    return "Tue";
+  }
+  if (wdn == 2) {
+    return "Wed";
+  }
+  if (wdn == 3) {
+    return "Thu";
+  }
+  if (wdn == 4) {
+    return "Fri";
+  }
+  if (wdn == 5) {
+    return "Sat";
+  }
+  if (wdn == 6) {
+    return "Sun";
+  }
+  return "";
+}
+function GregToHijri(gregDate) {
+  var hijriDate = GregToIsl({
+    CDay: {
+      value: gregDate.getDate()
+    },
+    CYear: {
+      value: gregDate.getFullYear()
+    },
+    CMonth: {
+      value: gregDate.getMonth() + 1
+    }
+  });
+  return {
+    year: hijriDate.y,
+    month: hijriDate.m,
+    date: hijriDate.d,
+    hours: gregDate.getHours(),
+    minutes: gregDate.getMinutes(),
+    seconds: gregDate.getSeconds(),
+    milliseconds: gregDate.getMilliseconds(),
+    day: hijriDate.dateOfWeek,
+    dayName: hijriDate.dayName
+  };
+}
+function HijriToGreg(hijriDate) {
+  var gregDate = IslToGreg({
+    HDay: {
+      value: hijriDate._date || hijriDate.date
+    },
+    HYear: {
+      value: hijriDate._year || hijriDate.year
+    },
+    HMonth: {
+      value: hijriDate._month || hijriDate.month
+    }
+  });
+  return new Date(gregDate.y, gregDate.m - 1, gregDate.d, hijriDate.getHours(), hijriDate.getMinutes(), hijriDate.getSeconds(), hijriDate.getMilliseconds());
+}
+
+export { GregToHijri, HijriToGreg, weekDay };