@react-fabric/date 1.0.0-beta.5 → 1.0.0-beta.52

package/dist/cjs/hijri/initializer.js

@@ -0,0 +1,113 @@
+'use strict';
+
+var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
+var _createClass = require('@babel/runtime/helpers/createClass');
+var DateConverter = require('./DateConverter.js');
+var StringDateParser = require('./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 DateConverter.GregToHijri(new Date());
+    }
+  }, {
+    key: "init_number",
+    value: function init_number(number) {
+      return DateConverter.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;
+
+module.exports = Initializer;

package/dist/cjs/hijri/locales.js

@@ -0,0 +1,19 @@
+'use strict';
+
+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"
+};
+
+exports.ar = ar;
+exports.en = en;

package/dist/cjs/hijri/safe.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var HijriDate = require('./HijriDate.js');
+var DateConverter = require('./DateConverter.js');
+
+var toHijri = function toHijri(gregDate) {
+  var _GregToHijri = DateConverter.GregToHijri(gregDate),
+    year = _GregToHijri.year,
+    month = _GregToHijri.month,
+    date = _GregToHijri.date;
+  return new HijriDate.default(year, month, date, gregDate.getHours(), gregDate.getMinutes(), gregDate.getSeconds(), gregDate.getMilliseconds());
+};
+
+exports.default = HijriDate.default;
+exports.toHijri = toHijri;

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

@@ -13,13 +13,201 @@ 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
 };
 
 exports.default = ar;
 exports.label = label;
-exports.number = number;
+exports.relative = relative;

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

@@ -13,9 +13,71 @@ 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
 };
 
 exports.default = en;
 exports.label = label;
+exports.relative = relative;

package/dist/cjs/i18n/index.js

@@ -3,8 +3,6 @@
 var core = require('@react-fabric/core');
 var ar = require('./ar.json.js');
 var en = require('./en.json.js');
-var ar$1 = require('./superdate/ar.json.js');
-var en$1 = require('./superdate/en.json.js');
 
 /*
  * React Fabric
@@ -33,7 +31,3 @@ core.addTranslationBundle("date", {
   en: en.default,
   ar: ar.default
 });
-core.addTranslationBundle("superdate", {
-  en: en$1.default,
-  ar: ar$1.default
-});

package/dist/cjs/index.js

@@ -2,19 +2,30 @@
 
 require('./hijri/index.js');
 require('./i18n/index.js');
+var DateHeader = require('./components/DateHeader.js');
+var DecadePage = require('./components/DecadePage.js');
+var YearPage = require('./components/YearPage.js');
 var DateDisplay = require('./display/DateDisplay.js');
+var DateDuration = require('./display/DateDuration.js');
 var DatePanel = require('./panels/DatePanel.js');
+var EventPanel = require('./panels/EventPanel.js');
 var RangePanel = require('./panels/RangePanel.js');
-var Superdate = require('./superdate/Superdate.js');
 var dateUtil = require('./utils/dateUtil.js');
+var index = require('./types/index.js');
 
 
 
+exports.DateHeader = DateHeader.DateHeader;
+exports.DecadePage = DecadePage.DecadePage;
+exports.YearPage = YearPage.YearPage;
 exports.DateDisplay = DateDisplay.DateDisplay;
+exports.DateDuration = DateDuration.DateDuration;
 exports.DatePanel = DatePanel.DatePanel;
+exports.EventPanel = EventPanel.EventPanel;
 exports.RangePanel = RangePanel.RangePanel;
-exports.SuperDate = Superdate.SuperDate;
 Object.defineProperty(exports, "DateUtil", {
 	enumerable: true,
 	get: function () { return dateUtil.DateUtil; }
 });
+exports.DatePart = index.DatePart;
+exports.PageType = index.PageType;

package/dist/cjs/panels/DatePanel.js

@@ -17,6 +17,32 @@ var jsxRuntime = require('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/cjs/{superdate → panels}/EventPanel.js

@@ -19,8 +19,18 @@ var jsxRuntime = require('react/jsx-runtime');
 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 makeList = function makeList(year) {
-  var predefined = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var recurring = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var predefined = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   var list = _toConsumableArray(predefined);
+  recurring.forEach(function (evt) {
+    return list.push({
+      label: evt.label,
+      hijri: evt.hijri,
+      icon: evt.icon,
+      start: dateFns.setYear(dateUtil.DateUtil.parseDate(evt.start), year),
+      end: dateFns.setYear(dateUtil.DateUtil.parseDate(evt.end), year)
+    });
+  });
   list.push({
     label: "superdate:event.newYear",
     start: dateFns.startOfDay(new Date("".concat(year - 1, "-12-31"))),
@@ -51,7 +61,9 @@ var EventPanel = function EventPanel(_ref) {
   var isHijri = _ref.isHijri,
     onChange = _ref.onChange,
     _ref$events = _ref.events,
-    events = _ref$events === void 0 ? utilities.EMPTY_ARRAY : _ref$events;
+    events = _ref$events === void 0 ? utilities.EMPTY_ARRAY : _ref$events,
+    _ref$recurringEvents = _ref.recurringEvents,
+    recurringEvents = _ref$recurringEvents === void 0 ? utilities.EMPTY_ARRAY : _ref$recurringEvents;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = react.useState({}),
@@ -70,14 +82,14 @@ 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, index.PageType.MONTH);
         }
       }
       if (resetList) {
         var _predefined$year;
         var year = state.pageDate.getFullYear();
-        state.events = makeList(year, (_predefined$year = predefined[year]) !== null && _predefined$year !== void 0 ? _predefined$year : []);
+        state.events = makeList(year, recurringEvents !== null && recurringEvents !== void 0 ? recurringEvents : [], (_predefined$year = predefined[year]) !== null && _predefined$year !== void 0 ? _predefined$year : []);
       }
       return _objectSpread({}, state);
     }, {

package/dist/cjs/panels/RangePanel.js

@@ -17,6 +17,28 @@ var jsxRuntime = require('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,

package/dist/cjs/utils/dateUtil.js

@@ -81,7 +81,7 @@ exports.DateUtil = void 0;
     return formatted;
   };
   var isRelative = _DateUtil.isRelative = function (date) {
-    return utilities.isString(date) && date.match(/^(\$\w+)([+-])(\d+)?$/) !== null;
+    return utilities.isString(date) && date.match(/^(\$\w+)([+-])?(\d+)?$/) !== null;
   };
   _DateUtil.isRelativeRange = function (date) {
     return utilities.isString(date) && date.match(/^(\$\w+)([+-])(\d+)?\|(\$\w+)([+-])(\d+)?$/) !== null;
@@ -375,6 +375,7 @@ exports.DateUtil = void 0;
   };
   var _parse = function _parse(dt, rounded) {
     var _dt$match2;
+    if (!isRelative(dt)) return new Date(dt);
     var _ref3 = (_dt$match2 = dt.match(/^(\$\w+)([+-]\d+)?$/)) !== null && _dt$match2 !== void 0 ? _dt$match2 : [],
       _ref4 = _slicedToArray(_ref3, 3),
       part = _ref4[1],
@@ -432,5 +433,4 @@ exports.DateUtil = void 0;
     }
     return new Date(dt);
   };
-})(exports.DateUtil || (exports.DateUtil = {})); // @ts-expect-error ignore
-window.DateUtil = exports.DateUtil;
+})(exports.DateUtil || (exports.DateUtil = {}));

package/dist/esm/components/DatePage.js

@@ -9,7 +9,6 @@ import { DateUtil } from '../utils/dateUtil.js';
 import { DateCell } from './DateCell.js';
 import classNames from 'classnames';
 import { PageType } from '../types/index.js';
-import classes from './Date.module.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["pageDate", "isHijri"];
@@ -29,11 +28,11 @@ var DatePage = function DatePage(_ref) {
   return /*#__PURE__*/jsxs("div", {
     className: classNames("grid grid-cols-8 area-content", props.page !== PageType.DATE && "invisible"),
     children: [/*#__PURE__*/jsx("div", {
-      className: classNames(classes.dateHeader, "px-1 text-center bg-tint-50 h-7")
+      className: classNames("fabric-dateHeader", "px-1 text-center bg-tint-50 h-7")
     }), cols.map(function (col) {
       var dt = DateUtil.addDays(startDate, col, isHijri);
       return /*#__PURE__*/jsx("div", {
-        className: classNames(classes.dateHeader, "font-medium text-sm p-1 mx-px text-center text-muted bg-tint-50 h-7"),
+        className: classNames("fabric-dateHeader", "font-medium text-sm p-1 mx-px text-center text-muted bg-tint-50 h-7"),
         children: DateUtil.format(dt, "eeeeee", i18next.language, isHijri)
       }, dt.toISOString());
     }), rows.map(function (row) {