@react-fabric/date 1.0.0-beta.6 → 1.0.0-beta.61

package/dist/esm/hijri/initializer.js

@@ -0,0 +1,113 @@
+'use client';
+
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import { GregToHijri } from './DateConverter.js';
+import StringDateParser from './StringDateParser.js';
+
+var defaultFormat = 'yyyy/mm/dd';
+var defaultProps = {
+  month: 1,
+  date: 1,
+  hours: 0,
+  minutes: 0,
+  seconds: 0,
+  milliseconds: 0
+};
+var Initializer = /*#__PURE__*/function () {
+  function Initializer() {
+    _classCallCheck(this, Initializer);
+  }
+  return _createClass(Initializer, null, [{
+    key: "initDefault",
+    value: function initDefault() {
+      return GregToHijri(new Date());
+    }
+  }, {
+    key: "init_number",
+    value: function init_number(number) {
+      return GregToHijri(new Date(number));
+    }
+  }, {
+    key: "init_number_number",
+    value: function init_number_number(year, month) {
+      return this.init_number_number_number(year, month, 1);
+    }
+  }, {
+    key: "init_number_number_number",
+    value: function init_number_number_number() {
+      return this.initFromNumbers.apply(this, arguments);
+    }
+  }, {
+    key: "init_number_number_number_number",
+    value: function init_number_number_number_number() {
+      return this.initFromNumbers.apply(this, arguments);
+    }
+  }, {
+    key: "init_number_number_number_number_number",
+    value: function init_number_number_number_number_number() {
+      return this.initFromNumbers.apply(this, arguments);
+    }
+  }, {
+    key: "init_number_number_number_number_number_number",
+    value: function init_number_number_number_number_number_number() {
+      return this.initFromNumbers.apply(this, arguments);
+    }
+  }, {
+    key: "init_number_number_number_number_number_number_number",
+    value: function init_number_number_number_number_number_number_number() {
+      return this.initFromNumbers.apply(this, arguments);
+    }
+  }, {
+    key: "init_string",
+    value: function init_string() {
+      return this.initFromStrings.apply(this, arguments);
+    }
+  }, {
+    key: "init_string_string",
+    value: function init_string_string() {
+      return this.initFromStrings.apply(this, arguments);
+    }
+  }, {
+    key: "init_object",
+    value: function init_object(object) {
+      return Object.assign({}, defaultProps, object);
+    }
+  }, {
+    key: "initFromNumbers",
+    value: function initFromNumbers(year, month, date) {
+      var _arguments = arguments;
+      var hours = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+      var minutes = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+      var seconds = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+      var milliseconds = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0;
+      Array.from(arguments).forEach(function (arg, index) {
+        _arguments[index] = parseInt(arg);
+      });
+      return {
+        year: year,
+        month: month,
+        date: date,
+        hours: hours,
+        minutes: minutes,
+        seconds: seconds,
+        milliseconds: milliseconds
+      };
+    }
+
+    //TODO
+  }, {
+    key: "initFromStrings",
+    value: function initFromStrings(dateString) {
+      var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultFormat;
+      var props = {};
+      props.year = StringDateParser.extractYear(dateString, format);
+      props.month = StringDateParser.extractMonth(dateString, format);
+      props.date = StringDateParser.extractDate(dateString, format);
+      return Object.assign({}, defaultProps, props);
+    }
+  }]);
+}();
+Initializer.defaultFormat = defaultFormat;
+
+export { Initializer as default };

package/dist/esm/hijri/locales.js

@@ -0,0 +1,18 @@
+'use client';
+
+var ar = {
+  dayNames: ["ح", "ن", "ث", "ر", "خ", "ج", "س", "أحد", "اثن", "ثلا", "ارب", "خم", "جم", "سبت", "الأحد", "الإثنين", "الثلاثاء", "الإربعاء", "الخميس", "الجمعة", "السبت"],
+  monthNames: ["مح", "صف", "ربع١", "ربع٢", "جم١", "جم٢", "رجب", "شعب", "رمض", "شو", "ذو ق", "ذو ح", "محرّم", "صفر", "ربيع أول", "ربيع الآخر", "جمادى أولى", "جمادى الآخرة", "رجب", "شعبان", "رمضان", "شوال", "ذو القعدة", "ذو الحجّة"],
+  separator: "عند",
+  am: "ص",
+  pm: "م"
+};
+var en = {
+  dayNames: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+  monthNames: ["Muha", "Saf", "Rab1", "Rab2", "Jumd1", "Jumd2", "Rajb", "Shbn", "Rmdn", "Shwl", "Qada", "Hija", "Muharram", "Safar", "Rabi'ul Awwal", "Rabi'ul Akhir", "Jumadal Ula", "Jumadal Akhira", "Rajab", "Sha'ban", "Ramadan", "Shawwal", "Dhul Qa'ada", "Dhul Hijja"],
+  separator: "at",
+  am: "am",
+  pm: "pm"
+};
+
+export { ar, en };

package/dist/esm/hijri/safe.js

@@ -0,0 +1,14 @@
+'use client';
+
+import HijriDate from './HijriDate.js';
+import { GregToHijri } from './DateConverter.js';
+
+var toHijri = function toHijri(gregDate) {
+  var _GregToHijri = GregToHijri(gregDate),
+    year = _GregToHijri.year,
+    month = _GregToHijri.month,
+    date = _GregToHijri.date;
+  return new HijriDate(year, month, date, gregDate.getHours(), gregDate.getMinutes(), gregDate.getSeconds(), gregDate.getMilliseconds());
+};
+
+export { HijriDate as default, toHijri };

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

@@ -11,11 +11,199 @@ var label = {
 	hijri: "هجري",
 	gregorian: "ميلادي"
 };
-var number = {
+var relative = {
+	before: {
+		now: "الآن",
+		years: "{{count}} منذ عام",
+		months: "{{count}} منذ شهر",
+		weeks: "{{count}} قبل أسبوع",
+		days: "{{count}} منذ يوم",
+		hours: "{{count}} منذ ساعة",
+		minutes: "{{count}} منذ دقيقة",
+		seconds: "{{count}} قبل الثاني",
+		yearsX: "بالكاد {{count}} منذ عام",
+		monthsX: "بالكاد {{count}} منذ شهر",
+		weeksX: "بالكاد {{count}} قبل أسبوع",
+		daysX: "بالكاد {{count}} منذ يوم",
+		hoursX: "بالكاد {{count}} منذ ساعة",
+		minutesX: "بالكاد {{count}} منذ دقيقة",
+		years_zero: "{{count}} منذ سنوات",
+		years_one: "{{count}} منذ عام",
+		years_two: "{{count}} منذ سنوات",
+		years_few: "{{count}} منذ سنوات",
+		years_many: "{{count}} منذ سنوات",
+		years_other: "{{count}} منذ سنوات",
+		months_zero: "{{count}} منذ أشهر",
+		months_one: "{{count}} منذ شهر",
+		months_two: "{{count}} منذ أشهر",
+		months_few: "{{count}} منذ أشهر",
+		months_many: "{{count}} منذ أشهر",
+		months_other: "{{count}} منذ أشهر",
+		weeks_zero: "{{count}} منذ أسابيع",
+		weeks_one: "{{count}} قبل أسبوع",
+		weeks_two: "{{count}} منذ أسابيع",
+		weeks_few: "{{count}} منذ أسابيع",
+		weeks_many: "{{count}} منذ أسابيع",
+		weeks_other: "{{count}} منذ أسابيع",
+		days_zero: "{{count}} منذ أيام",
+		days_one: "{{count}} منذ يوم",
+		days_two: "{{count}} منذ أيام",
+		days_few: "{{count}} منذ أيام",
+		days_many: "{{count}} منذ أيام",
+		days_other: "{{count}} منذ أيام",
+		hours_zero: "{{count}} منذ ساعات",
+		hours_one: "{{count}} منذ ساعة",
+		hours_two: "{{count}} منذ ساعات",
+		hours_few: "{{count}} منذ ساعات",
+		hours_many: "{{count}} منذ ساعات",
+		hours_other: "{{count}} منذ ساعات",
+		minutes_zero: "{{count}} منذ دقائق",
+		minutes_one: "{{count}} منذ دقيقة",
+		minutes_two: "{{count}} منذ دقائق",
+		minutes_few: "{{count}} منذ دقائق",
+		minutes_many: "{{count}} منذ دقائق",
+		minutes_other: "{{count}} منذ دقائق",
+		seconds_zero: "{{count}} قبل ثوان",
+		seconds_one: "{{count}} قبل الثاني",
+		seconds_two: "{{count}} قبل ثوان",
+		seconds_few: "{{count}} قبل ثوان",
+		seconds_many: "{{count}} قبل ثوان",
+		seconds_other: "{{count}} قبل ثوان",
+		yearsX_zero: "بالكاد {{count}} منذ سنوات",
+		yearsX_one: "بالكاد {{count}} منذ عام",
+		yearsX_two: "بالكاد {{count}} منذ سنوات",
+		yearsX_few: "بالكاد {{count}} منذ سنوات",
+		yearsX_many: "بالكاد {{count}} منذ سنوات",
+		yearsX_other: "بالكاد {{count}} منذ سنوات",
+		monthsX_zero: "بالكاد {{count}} منذ أشهر",
+		monthsX_one: "بالكاد {{count}} منذ شهر",
+		monthsX_two: "بالكاد {{count}} منذ أشهر",
+		monthsX_few: "بالكاد {{count}} منذ أشهر",
+		monthsX_many: "بالكاد {{count}} منذ أشهر",
+		monthsX_other: "بالكاد {{count}} منذ أشهر",
+		weeksX_zero: "بالكاد {{count}} منذ أسابيع",
+		weeksX_one: "بالكاد {{count}} قبل أسبوع",
+		weeksX_two: "بالكاد {{count}} منذ أسابيع",
+		weeksX_few: "بالكاد {{count}} منذ أسابيع",
+		weeksX_many: "بالكاد {{count}} منذ أسابيع",
+		weeksX_other: "بالكاد {{count}} منذ أسابيع",
+		daysX_zero: "بالكاد {{count}} منذ أيام",
+		daysX_one: "بالكاد {{count}} منذ يوم",
+		daysX_two: "بالكاد {{count}} منذ أيام",
+		daysX_few: "بالكاد {{count}} منذ أيام",
+		daysX_many: "بالكاد {{count}} منذ أيام",
+		daysX_other: "بالكاد {{count}} منذ أيام",
+		hoursX_zero: "بالكاد {{count}} منذ ساعات",
+		hoursX_one: "بالكاد {{count}} منذ ساعة",
+		hoursX_two: "بالكاد {{count}} منذ ساعات",
+		hoursX_few: "بالكاد {{count}} منذ ساعات",
+		hoursX_many: "بالكاد {{count}} منذ ساعات",
+		hoursX_other: "بالكاد {{count}} منذ ساعات",
+		minutesX_zero: "بالكاد {{count}} منذ دقائق",
+		minutesX_one: "بالكاد {{count}} منذ دقيقة",
+		minutesX_two: "بالكاد {{count}} منذ دقائق",
+		minutesX_few: "بالكاد {{count}} منذ دقائق",
+		minutesX_many: "بالكاد {{count}} منذ دقائق",
+		minutesX_other: "بالكاد {{count}} منذ دقائق"
+	},
+	after: {
+		now: "قريباً",
+		years: "{{count}} بعد عام",
+		months: "{{count}} بعد شهر",
+		weeks: "{{count}} بعد أسبوع",
+		days: "{{count}} بعد يوم",
+		hours: "{{count}} بعد ساعة",
+		minutes: "{{count}} بعد دقيقة",
+		seconds: "{{count}} الثاني في وقت لاحق",
+		yearsX: "بالكاد {{count}} بعد عام",
+		monthsX: "بالكاد {{count}} بعد شهر",
+		weeksX: "بالكاد {{count}} بعد أسبوع",
+		daysX: "بالكاد {{count}} بعد يوم",
+		hoursX: "بالكاد {{count}} بعد ساعة",
+		minutesX: "بالكاد {{count}} بعد دقيقة",
+		years_zero: "{{count}} بعد سنوات",
+		years_one: "{{count}} بعد عام",
+		years_two: "{{count}} بعد سنوات",
+		years_few: "{{count}} بعد سنوات",
+		years_many: "{{count}} بعد سنوات",
+		years_other: "{{count}} بعد سنوات",
+		months_zero: "{{count}} بعد أشهر",
+		months_one: "{{count}} بعد شهر",
+		months_two: "{{count}} بعد أشهر",
+		months_few: "{{count}} بعد أشهر",
+		months_many: "{{count}} بعد أشهر",
+		months_other: "{{count}} بعد أشهر",
+		weeks_zero: "{{count}} بعد أسابيع",
+		weeks_one: "{{count}} بعد أسبوع",
+		weeks_two: "{{count}} بعد أسابيع",
+		weeks_few: "{{count}} بعد أسابيع",
+		weeks_many: "{{count}} بعد أسابيع",
+		weeks_other: "{{count}} بعد أسابيع",
+		days_zero: "{{count}} بعد أيام",
+		days_one: "{{count}} بعد يوم",
+		days_two: "{{count}} بعد أيام",
+		days_few: "{{count}} بعد أيام",
+		days_many: "{{count}} بعد أيام",
+		days_other: "{{count}} بعد أيام",
+		hours_zero: "{{count}} بعد ساعات",
+		hours_one: "{{count}} بعد ساعة",
+		hours_two: "{{count}} بعد ساعات",
+		hours_few: "{{count}} بعد ساعات",
+		hours_many: "{{count}} بعد ساعات",
+		hours_other: "{{count}} بعد ساعات",
+		minutes_zero: "{{count}} بعد دقائق",
+		minutes_one: "{{count}} بعد دقيقة",
+		minutes_two: "{{count}} بعد دقائق",
+		minutes_few: "{{count}} بعد دقائق",
+		minutes_many: "{{count}} بعد دقائق",
+		minutes_other: "{{count}} بعد دقائق",
+		seconds_zero: "{{count}} بعد ثوان",
+		seconds_one: "{{count}} الثاني في وقت لاحق",
+		seconds_two: "{{count}} بعد ثوان",
+		seconds_few: "{{count}} بعد ثوان",
+		seconds_many: "{{count}} بعد ثوان",
+		seconds_other: "{{count}} بعد ثوان",
+		yearsX_zero: "بالكاد {{count}} بعد سنوات",
+		yearsX_one: "بالكاد {{count}} بعد عام",
+		yearsX_two: "بالكاد {{count}} بعد سنوات",
+		yearsX_few: "بالكاد {{count}} بعد سنوات",
+		yearsX_many: "بالكاد {{count}} بعد سنوات",
+		yearsX_other: "بالكاد {{count}} بعد سنوات",
+		monthsX_zero: "بالكاد {{count}} بعد أشهر",
+		monthsX_one: "بالكاد {{count}} بعد شهر",
+		monthsX_two: "بالكاد {{count}} بعد أشهر",
+		monthsX_few: "بالكاد {{count}} بعد أشهر",
+		monthsX_many: "بالكاد {{count}} بعد أشهر",
+		monthsX_other: "بالكاد {{count}} بعد أشهر",
+		weeksX_zero: "بالكاد {{count}} بعد أسابيع",
+		weeksX_one: "بالكاد {{count}} بعد أسبوع",
+		weeksX_two: "بالكاد {{count}} بعد أسابيع",
+		weeksX_few: "بالكاد {{count}} بعد أسابيع",
+		weeksX_many: "بالكاد {{count}} بعد أسابيع",
+		weeksX_other: "بالكاد {{count}} بعد أسابيع",
+		daysX_zero: "بالكاد {{count}} بعد أيام",
+		daysX_one: "بالكاد {{count}} بعد يوم",
+		daysX_two: "بالكاد {{count}} بعد أيام",
+		daysX_few: "بالكاد {{count}} بعد أيام",
+		daysX_many: "بالكاد {{count}} بعد أيام",
+		daysX_other: "بالكاد {{count}} بعد أيام",
+		hoursX_zero: "بالكاد {{count}} بعد ساعات",
+		hoursX_one: "بالكاد {{count}} بعد ساعة",
+		hoursX_two: "بالكاد {{count}} بعد ساعات",
+		hoursX_few: "بالكاد {{count}} بعد ساعات",
+		hoursX_many: "بالكاد {{count}} بعد ساعات",
+		hoursX_other: "بالكاد {{count}} بعد ساعات",
+		minutesX_zero: "بالكاد {{count}} بعد دقائق",
+		minutesX_one: "بالكاد {{count}} بعد دقيقة",
+		minutesX_two: "بالكاد {{count}} بعد دقائق",
+		minutesX_few: "بالكاد {{count}} بعد دقائق",
+		minutesX_many: "بالكاد {{count}} بعد دقائق",
+		minutesX_other: "بالكاد {{count}} بعد دقائق"
+	}
 };
 var ar = {
 	label: label,
-	number: number
+	relative: relative
 };
 
-export { ar as default, label, number };
+export { ar as default, label, relative };

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

@@ -11,8 +11,69 @@ var label = {
 	hijri: "Hijri",
 	gregorian: "Gregorian"
 };
+var relative = {
+	before: {
+		now: "Just now",
+		years: "Last year",
+		years_other: "{{count}} years ago",
+		months: "Last month",
+		months_other: "{{count}} months ago",
+		weeks: "Last week",
+		weeks_other: "{{count}} weeks ago",
+		days: "Yesterday",
+		days_other: "{{count}} days ago",
+		hours: "{{count}} hour ago",
+		hours_other: "{{count}} hours ago",
+		minutes: "{{count}} minute ago",
+		minutes_other: "{{count}} minutes ago",
+		seconds: "{{count}} second ago",
+		seconds_other: "{{count}} seconds ago",
+		yearsX: "Almost {{count}} year ago",
+		yearsX_other: "Almost {{count}} years ago",
+		monthsX: "Almost {{count}} month ago",
+		monthsX_other: "Almost {{count}} months ago",
+		weeksX: "Almost {{count}} week ago",
+		weeksX_other: "Almost {{count}} weeks ago",
+		daysX: "Almost {{count}} day ago",
+		daysX_other: "Almost {{count}} days ago",
+		hoursX: "Almost {{count}} hour ago",
+		hoursX_other: "Almost {{count}} hours ago",
+		minutesX: "Almost {{count}} minute ago",
+		minutesX_other: "Almost {{count}} minutes ago"
+	},
+	after: {
+		now: "Soon",
+		years: "Next year",
+		years_other: "{{count}} years later",
+		months: "Next month",
+		months_other: "{{count}} months later",
+		weeks: "Next week",
+		weeks_other: "{{count}} weeks later",
+		days: "Tomorrow",
+		days_other: "{{count}} days later",
+		hours: "{{count}} hour later",
+		hours_other: "{{count}} hours later",
+		minutes: "{{count}} minute later",
+		minutes_other: "{{count}} minutes later",
+		seconds: "{{count}} second later",
+		seconds_other: "{{count}} seconds later",
+		yearsX: "Almost {{count}} year later",
+		yearsX_other: "Almost {{count}} years later",
+		monthsX: "Almost {{count}} month later",
+		monthsX_other: "Almost {{count}} months later",
+		weeksX: "Almost {{count}} week later",
+		weeksX_other: "Almost {{count}} weeks later",
+		daysX: "Almost {{count}} day later",
+		daysX_other: "Almost {{count}} days later",
+		hoursX: "Almost {{count}} hour later",
+		hoursX_other: "Almost {{count}} hours later",
+		minutesX: "Almost {{count}} minute later",
+		minutesX_other: "Almost {{count}} minutes later"
+	}
+};
 var en = {
-	label: label
+	label: label,
+	relative: relative
 };
 
-export { en as default, label };
+export { en as default, label, relative };

package/dist/esm/i18n/index.js

@@ -3,8 +3,6 @@
 import { addTranslationBundle } from '@react-fabric/core';
 import ar from './ar.json.js';
 import en from './en.json.js';
-import arSuper from './superdate/ar.json.js';
-import enSuper from './superdate/en.json.js';
 
 /*
  * React Fabric
@@ -33,7 +31,3 @@ addTranslationBundle("date", {
   en: en,
   ar: ar
 });
-addTranslationBundle("superdate", {
-  en: enSuper,
-  ar: arSuper
-});

package/dist/esm/index.js

@@ -2,8 +2,13 @@
 
 import './hijri/index.js';
 import './i18n/index.js';
+export { DateHeader } from './components/DateHeader.js';
+export { DecadePage } from './components/DecadePage.js';
+export { YearPage } from './components/YearPage.js';
 export { DateDisplay } from './display/DateDisplay.js';
+export { DateDuration } from './display/DateDuration.js';
 export { DatePanel } from './panels/DatePanel.js';
+export { EventPanel } from './panels/EventPanel.js';
 export { RangePanel } from './panels/RangePanel.js';
-export { SuperDate } from './superdate/Superdate.js';
 export { DateUtil } from './utils/dateUtil.js';
+export { DatePart, PageType } from './types/index.js';

package/dist/esm/panels/DatePanel.js

@@ -17,6 +17,32 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 var _excluded = ["className", "max", "min", "dateDisabled", "onChange", "showHijriToggle", "value", "withTime"];
 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; }
+/**
+ * DatePanel component to display a date picker with options for selecting a date and time.
+ * It allows switching between Gregorian and Hijri calendars, and includes buttons for selecting today or canceling the selection.
+ * It uses the current calendar and locale from the global context.
+ * It handles date selection, time changes, and page navigation within the date picker.
+ * It also supports disabling specific dates and setting minimum and maximum date limits.
+ *
+ * @param {DateProps} props - The properties for the DatePanel component.
+ * @return {JSX.Element} The rendered DatePanel component.
+ *
+ * @example
+ * ```jsx
+ * <DatePanel
+ *   className="my-date-panel"
+ *   max="2025-12-31"
+ *   min="2020-01-01"
+ *   dateDisabled={["2023-01-01", "2023-12-25"]}
+ *   onChange={(date) => console.log("Selected date:", date)}
+ *   showHijriToggle={true}
+ *   value={new Date()}
+ *   withTime={true}
+ * />
+ * ```
+ *
+ * @see {@link https://adarshpastakia.github.io/react-fabric/?path=/docs/date-date-panel--datepanels}
+ */
 var DatePanel = function DatePanel(_ref) {
   var className = _ref.className,
     max = _ref.max,

package/dist/esm/{superdate → panels}/EventPanel.js

@@ -82,7 +82,7 @@ var EventPanel = function EventPanel(_ref) {
       if (action.type === "changePageDate") {
         resetList = true;
         state.pageDate = action.date;
-        if (action.changePage !== false) {
+        if (action.changePage) {
           state.page = Math.max(state.page - 1, PageType.MONTH);
         }
       }
@@ -141,6 +141,7 @@ var EventPanel = function EventPanel(_ref) {
       children: state.events.map(function (evt) {
         return /*#__PURE__*/jsxs("div", {
           role: "none",
+          "data-dropdown-dismiss": "true",
           onClick: function onClick() {
             onChange === null || onChange === void 0 || onChange("".concat(evt.start.toISOString(), "|").concat(evt.end.toISOString()), [evt.start.toISOString(), evt.end.toISOString()]);
           },

package/dist/esm/panels/RangePanel.js

@@ -17,6 +17,28 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 var _excluded = ["className", "max", "min", "dateDisabled", "onChange", "showHijriToggle", "value", "withTime", "showApply"];
 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; }
+/**
+ * RangePanel component to display a date range picker with options for selecting a start and end date.
+ * It allows switching between Gregorian and Hijri calendars, and includes buttons for applying or canceling the selection.
+ * It uses the current calendar and locale from the global context.
+ * It handles date selection, time changes, and page navigation within the date picker.
+ * It also supports disabling specific dates and setting minimum and maximum date limits.
+ *
+ * @param {RangeProps} props - The properties for the RangePanel component.
+ * @return {JSX.Element} The rendered RangePanel component.
+ *
+ * @example
+ * ```jsx
+ * <RangePanel
+ *   className="my-range-panel"
+ *   max="2025-12-31"
+ *   min="2020-01-01"
+ *  dateDisabled={["2023-01-01", "2023-12-25"]}
+ *  onChange={(dateRange) => console.log("Selected date range:", dateRange)}
+ * />
+ * ```
+ * @see {@link https://adarshpastakia.github.io/react-fabric/?path=/story/date-date-panel--range-panel}
+ */
 var RangePanel = function RangePanel(_ref) {
   var className = _ref.className,
     max = _ref.max,
@@ -326,6 +348,7 @@ var RangePanel = function RangePanel(_ref) {
         variant: "solid",
         color: "primary",
         disabled: !state.selected,
+        "data-dropdown-dismiss": "true",
         className: "my-1",
         onClick: function onClick() {
           var _state$selected, _state$selected2;

package/dist/esm/utils/dateUtil.js

@@ -21,8 +21,6 @@ var Locales = {
   ru: ru,
   zh: zhCN
 };
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
 var DateUtil;
 (function (_DateUtil) {
   var translateNumber = function translateNumber(d) {
@@ -433,7 +431,6 @@ var DateUtil;
     }
     return new Date(dt);
   };
-})(DateUtil || (DateUtil = {})); // @ts-expect-error ignore
-window.DateUtil = DateUtil;
+})(DateUtil || (DateUtil = {}));
 
 export { DateUtil };

package/dist/types/display/DateDisplay.d.ts

@@ -1,8 +1,8 @@
-import { type MenuItemProps } from "@react-fabric/core/dist/types/components/menu/types";
+import { type MenuProps } from "@react-fabric/core/dist/types/components/menu/types";
 import { type AriaProps, type ChildrenProp, type CssProp, type TestProps } from "@react-fabric/core/dist/types/types";
 import { type ElementType } from "react";
 import { type DateLike } from "../types";
-export interface Props extends CssProp, AriaProps, TestProps, Partial<ChildrenProp<ElementType<MenuItemProps>>> {
+export interface Props extends CssProp, AriaProps, TestProps, Partial<ChildrenProp<ElementType<MenuProps>>> {
     /**
      * date like value
      */
@@ -11,5 +11,23 @@ export interface Props extends CssProp, AriaProps, TestProps, Partial<ChildrenPr
      * date format
      */
     format?: string;
+    showAlternateDate?: boolean;
 }
-export declare const DateDisplay: ({ date, className, format, children, ...aria }: Props) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 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.
+ *
+ * @param {Object} props - The component props.
+ * @returns {JSX.Element} - The rendered component.
+ *
+ * @example
+ * ```jsx
+ * <DateDisplay date={new Date()} />
+ * ```
+ *
+ * @see {@link https://adarshpastakia.github.io/react-fabric/?path=/docs/date-date-display--docs}
+ */
+export declare const DateDisplay: ({ date, className, format, children, showAlternateDate, ...aria }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/types/display/DateDuration.d.ts

@@ -0,0 +1,31 @@
+import { type MenuProps } from "@react-fabric/core/dist/types/components/menu/types";
+import { type AriaProps, type ChildrenProp, type CssProp, type TestProps } from "@react-fabric/core/dist/types/types";
+import { type ElementType } from "react";
+import { type DateLike } from "../types";
+export interface Props extends CssProp, AriaProps, TestProps, Partial<ChildrenProp<ElementType<MenuProps>>> {
+    /**
+     * date like value
+     */
+    date: DateLike;
+    /**
+     * date format
+     */
+    format?: string;
+}
+/**
+ * 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.
+ *
+ * @param {Props} props - The properties for the component.
+ * @returns {JSX.Element} The rendered component.
+ *
+ * @example
+ * ```jsx
+ * <DateDuration date={new Date("2020-01-01")} />
+ * ```
+ *
+ * @see {@link https://adarshpastakia.github.io/react-fabric/?path=/docs/date-date-display--docs}
+ */
+export declare const DateDuration: ({ date, children, className, format, ...props }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/types/hijri/DateConverter.d.ts

@@ -0,0 +1,13 @@
+export function weekDay(wdn: any): "Mon" | "Tue" | "Wed" | "Thu" | "Fri" | "Sat" | "Sun" | "";
+export function GregToHijri(gregDate: any): {
+    year: number;
+    month: number;
+    date: number;
+    hours: any;
+    minutes: any;
+    seconds: any;
+    milliseconds: any;
+    day: number;
+    dayName: string;
+};
+export function HijriToGreg(hijriDate: any): Date;

package/dist/types/hijri/FormatDate.d.ts

@@ -0,0 +1,19 @@
+export namespace masks {
+    let _default: string;
+    export { _default as default };
+    export let shortDate: string;
+    export let mediumDate: string;
+    export let longDate: string;
+    export let fullDate: string;
+    export let shortTime: string;
+    export let mediumTime: string;
+    export let longTime: string;
+    export let isoDate: string;
+    export let isoTime: string;
+    export let isoDateTime: string;
+    export let isoUtcDateTime: string;
+}
+export default dateFormat;
+declare function dateFormat(date: any, mask: any, options?: {
+    utc: boolean;
+}, ...args: any[]): any;