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

package/README.md

@@ -1,10 +1,3 @@
-# React-Fabric Date Module
+# React-Fabric Date panel Module
 
-#### Install
-
-```bash
-# Using
-yarn add @react-fabric/date
-```
-
-#### Usage
+> INTERNAL ONLY

package/{src/components/Date.module.css → css/_date.css}

@@ -21,12 +21,12 @@
  * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-@layer comp {
-  .dateHeader {
-    box-shadow: 0 -1px 0 theme(colors.tint.200/50%) inset;
+@layer components {
+  .fabric-dateHeader {
+    box-shadow: 0 -1px 0 --alpha(var(--color-tint-200) / 50%) inset;
   }
 
-  .timeSlider {
+  .fabric-date-timeSlider {
     height: 11.25rem;
 
     &::before,
@@ -34,7 +34,7 @@
       content: "";
       z-index: 10;
       display: block;
-      box-shadow: 0 0 3rem 0.25rem theme(colors.tint.600);
+      box-shadow: 0 0 3rem 0.25rem var(--color-tint-600);
     }
 
     &::before {

package/{src/superdate/SuperDate.module.css → css/styles.css}

@@ -4,7 +4,7 @@
  *
  *
  * The MIT License (MIT)
- * Copyright (c) 2024 Adarsh Pastakia
+ * Copyright (c) 2025 Adarsh Pastakia
  *
  * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
  * and associated documentation files (the "Software"), to deal in the Software without restriction,
@@ -21,10 +21,4 @@
  * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-@layer comp {
-  .superDate {
-    &:root {
-      font-size: 10px;
-    }
-  }
-}
+@import "./_date.css";

package/dist/cjs/components/DateHeader.js

@@ -85,8 +85,10 @@ var DateHeader = function DateHeader(props) {
     className: "flex flex-nowrap items-center area-head",
     "data-page": page,
     children: [startPage !== undefined && /*#__PURE__*/jsxRuntime.jsx(core.Button, {
-      icon: core.CoreIcons.chevronsLeft,
-      rtlFlip: true,
+      icon: {
+        icon: core.CoreIcons.chevronsLeft,
+        rtlFlip: true
+      },
       size: "sm",
       variant: "link",
       "aria-label": "start",
@@ -96,8 +98,10 @@ var DateHeader = function DateHeader(props) {
         return startPage && (changePageDate === null || changePageDate === void 0 ? void 0 : changePageDate(startPage));
       }
     }), /*#__PURE__*/jsxRuntime.jsx(core.Button, {
-      icon: core.CoreIcons.chevronLeft,
-      rtlFlip: true,
+      icon: {
+        icon: core.CoreIcons.chevronLeft,
+        rtlFlip: true
+      },
       size: "sm",
       variant: "link",
       "aria-label": "prev",
@@ -114,8 +118,10 @@ var DateHeader = function DateHeader(props) {
       className: classNames("flex-1 px-2 py-1 text-primary-600 text-center text-sm font-medium truncate", page === index.PageType.DECADE ? "pointer-events-none" : "cursor-pointer"),
       children: headLabel
     }), /*#__PURE__*/jsxRuntime.jsx(core.Button, {
-      icon: core.CoreIcons.chevronRight,
-      rtlFlip: true,
+      icon: {
+        icon: core.CoreIcons.chevronRight,
+        rtlFlip: true
+      },
       size: "sm",
       variant: "link",
       "aria-label": "next",
@@ -125,8 +131,10 @@ var DateHeader = function DateHeader(props) {
         return nextPage && (changePageDate === null || changePageDate === void 0 ? void 0 : changePageDate(nextPage));
       }
     }), endPage !== undefined && /*#__PURE__*/jsxRuntime.jsx(core.Button, {
-      icon: core.CoreIcons.chevronsRight,
-      rtlFlip: true,
+      icon: {
+        icon: core.CoreIcons.chevronsRight,
+        rtlFlip: true
+      },
       size: "sm",
       variant: "link",
       "aria-label": "end",

package/dist/cjs/components/DatePage.js

@@ -9,7 +9,6 @@ var dateUtil = require('../utils/dateUtil.js');
 var DateCell = require('./DateCell.js');
 var classNames = require('classnames');
 var index = require('../types/index.js');
-var Date_module = require('./Date.module.css');
 var jsxRuntime = require('react/jsx-runtime');
 
 var _excluded = ["pageDate", "isHijri"];
@@ -29,11 +28,11 @@ var DatePage = function DatePage(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: classNames("grid grid-cols-8 area-content", props.page !== index.PageType.DATE && "invisible"),
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-      className: classNames(Date_module.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.DateUtil.addDays(startDate, col, isHijri);
       return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: classNames(Date_module.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.DateUtil.format(dt, "eeeeee", i18next.language, isHijri)
       }, dt.toISOString());
     }), rows.map(function (row) {

package/dist/cjs/components/TimeSliders.js

@@ -4,7 +4,6 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var core = require('@react-fabric/core');
 var classNames = require('classnames');
 var react = require('react');
-var Date_module = require('./Date.module.css');
 var jsxRuntime = require('react/jsx-runtime');
 
 var TimeSlider = function TimeSlider(_ref) {
@@ -58,16 +57,16 @@ var TimeSlider = function TimeSlider(_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex",
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: classNames(Date_module.dateHeader, "flex-1 font-medium text-muted text-sm p-1 mx-px text-center bg-tint-50"),
+        className: classNames("fabric-dateHeader", "flex-1 font-medium text-muted text-sm p-1 mx-px text-center bg-tint-50"),
         children: "H"
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: classNames(Date_module.dateHeader, "flex-1 font-medium text-muted text-sm p-1 mx-px text-center bg-tint-50"),
+        className: classNames("fabric-dateHeader", "flex-1 font-medium text-muted text-sm p-1 mx-px text-center bg-tint-50"),
         children: "M"
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-1 flex-nowrap overflow-hidden relative",
+      className: "flex flex-1 flex-nowrap items-stretch overflow-hidden relative",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: classNames("flex-1 overflow-auto scroll-hide snap-y snap-mandatory", Date_module.timeSlider),
+        className: classNames("flex-1 overflow-auto scroll-hide snap-y snap-mandatory", "fabric-date-timeSlider"),
         onScroll: calculateTime,
         ref: hourRef,
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -92,7 +91,7 @@ var TimeSlider = function TimeSlider(_ref) {
           className: "w-full"
         })]
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: classNames("flex-1 overflow-auto scroll-hide snap-y snap-mandatory", Date_module.timeSlider),
+        className: classNames("flex-1 overflow-auto scroll-hide snap-y snap-mandatory", "fabric-date-timeSlider"),
         onScroll: calculateTime,
         ref: minuteRef,
         children: [/*#__PURE__*/jsxRuntime.jsx("div", {

package/dist/cjs/display/DateDisplay.js

@@ -4,30 +4,52 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var core = require('@react-fabric/core');
 var dateUtil = require('../utils/dateUtil.js');
+var classNames = require('classnames');
 var jsxRuntime = require('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; }
+/**
+ * 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}
+ */
 var DateDisplay = 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 = core.useGlobals(),
     currentCalendar = _useGlobals.currentCalendar,
     currentLocale = _useGlobals.currentLocale;
   var dtLabel = /*#__PURE__*/jsxRuntime.jsx(core.Tooltip, {
+    disabled: !showAlternateDate,
     content: dateUtil.DateUtil.format(date, format, currentLocale, currentCalendar !== "hijri"),
     children: /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread({
-      className: className
+      className: classNames(className, !!children && "underline decoration-dotted cursor-pointer")
     }, aria), {}, {
       children: dateUtil.DateUtil.format(date, format, currentLocale, currentCalendar === "hijri")
     }))
   });
   return children ? /*#__PURE__*/jsxRuntime.jsxs(core.Dropdown, {
+    showArrow: true,
+    closeOnClick: true,
     children: [dtLabel, children]
   }) : dtLabel;
 };

package/dist/cjs/display/DateDuration.js

@@ -0,0 +1,143 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var core = require('@react-fabric/core');
+var utilities = require('@react-fabric/utilities');
+var classNames = require('classnames');
+var dateFns = require('date-fns');
+var react = require('react');
+var reactI18next = require('react-i18next');
+var dateUtil = require('../utils/dateUtil.js');
+var jsxRuntime = require('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), !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; }
+/**
+ * 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}
+ */
+var DateDuration = 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 = reactI18next.useTranslation("date"),
+    t = _useTranslation.t;
+  var interval = react.useMemo(function () {
+    return dateFns.intervalToDuration({
+      start: new Date(date),
+      end: new Date()
+    });
+  }, [date]);
+  var label = react.useMemo(function () {
+    var before = dateFns.isBefore(dateUtil.DateUtil.parseDate(date), new Date());
+    var tkey = before ? "relative.before" : "relative.after";
+    var part = "now";
+    var count = 0;
+    if (interval.years && interval.years > 0) {
+      var _interval$months;
+      part = "years";
+      count = interval.years;
+      if (((_interval$months = interval.months) !== null && _interval$months !== void 0 ? _interval$months : 0) > 10) {
+        part = "yearsX";
+        count += 1;
+      }
+    } else if (interval.months && interval.months > 0) {
+      var _interval$weeks;
+      part = "months";
+      count = interval.months;
+      if (interval.months > 10) {
+        part = "yearsX";
+        count = 1;
+      } else if (((_interval$weeks = interval.weeks) !== null && _interval$weeks !== void 0 ? _interval$weeks : 0) > 3) {
+        part = "monthsX";
+        count += 1;
+      }
+    } else if (interval.weeks && interval.weeks > 0) {
+      var _interval$days;
+      part = "weeks";
+      count = interval.weeks;
+      if (interval.weeks > 3) {
+        part = "monthsX";
+        count = 1;
+      } else if (((_interval$days = interval.days) !== null && _interval$days !== void 0 ? _interval$days : 0) > 5) {
+        part = "weeksX";
+        count += 1;
+      }
+    } else if (interval.days && interval.days > 0) {
+      var _interval$hours;
+      part = "days";
+      count = interval.days;
+      if (interval.days > 5) {
+        part = "weeksX";
+        count = 1;
+      } else if (((_interval$hours = interval.hours) !== null && _interval$hours !== void 0 ? _interval$hours : 0) > 20) {
+        part = "daysX";
+        count += 1;
+      }
+    } else if (interval.hours && interval.hours > 0) {
+      var _interval$minutes;
+      part = "hours";
+      count = interval.hours;
+      if (interval.hours > 20) {
+        part = "daysX";
+        count = 1;
+      } else if (((_interval$minutes = interval.minutes) !== null && _interval$minutes !== void 0 ? _interval$minutes : 0) > 45) {
+        part = "hoursX";
+        count += 1;
+      }
+    } else if (interval.minutes && interval.minutes > 0) {
+      var _interval$seconds;
+      part = "minutes";
+      count = interval.minutes;
+      if (interval.minutes > 45) {
+        part = "hoursX";
+        count = 1;
+      } else if (((_interval$seconds = interval.seconds) !== null && _interval$seconds !== void 0 ? _interval$seconds : 0) > 45) {
+        part = "minuteX";
+        count += 1;
+      }
+    } else if (interval.seconds && interval.seconds > 15) {
+      part = "seconds";
+      count = interval.seconds;
+      if (interval.seconds > 45) {
+        part = "minutesX";
+        count = 1;
+      }
+    }
+    return t("".concat(tkey, ".").concat(part), {
+      count: count
+    });
+  }, [interval, date]);
+  var dtLabel = /*#__PURE__*/jsxRuntime.jsx(core.Tooltip, {
+    content: utilities.Format.date(date, format),
+    children: /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread({
+      className: classNames(className, !!children && "underline decoration-dotted cursor-pointer")
+    }, props), {}, {
+      children: label
+    }))
+  });
+  return children ? /*#__PURE__*/jsxRuntime.jsxs(core.Dropdown, {
+    showArrow: true,
+    closeOnClick: true,
+    children: [dtLabel, children]
+  }) : dtLabel;
+};
+
+exports.DateDuration = DateDuration;

package/dist/cjs/hijri/DateConverter.js

@@ -0,0 +1,154 @@
+'use strict';
+
+function intPart(floatNum) {
+  if (floatNum < -0.0000001) {
+    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());
+}
+
+exports.GregToHijri = GregToHijri;
+exports.HijriToGreg = HijriToGreg;
+exports.weekDay = weekDay;

package/dist/cjs/hijri/FormatDate.js

@@ -0,0 +1,116 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var HijriDate = require('./HijriDate.js');
+
+var dateFormat = function () {
+  var token = /P{1,4}|p{1,4}|d{1,2}|e{3,6}|M{1,4}|yy(?:yy)?|([Hhms])\1?|[a]{1,4}|[LloSZ]|('at')|"[^"]*"|'[^']*'/g,
+    pad = function pad(val, len) {
+      val = String(val);
+      len = len || 2;
+      while (val.length < len) val = "0" + val;
+      return val;
+    };
+
+  // Regexes and supporting functions are cached through closure
+  return function (date, mask) {
+    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+      utc: false
+    };
+    var locales = HijriDate.default.locales,
+      defaultLocale = HijriDate.default.defaultLocale;
+    options.locale = options.locale || defaultLocale;
+    if (!locales[options.locale]) {
+      throw new Error("Locale ".concat(options.locale, " is not supported yet .\n          Please, try to extend \"HijriDate.locales\" :\n             i.e: HijriDate.locales.").concat(options.locale, " = {dayNames:[..14 items..], monthNames:[..24 items..]}\n        "));
+    }
+    // You can't provide utc if you skip other args (use the "UTC:" mask prefix)
+    if (arguments.length == 1 && Object.prototype.toString.call(date) == "[object String]" && !/\d/.test(date)) {
+      mask = date;
+      date = undefined;
+    }
+    mask = String(masks[mask] || mask || masks["default"]);
+
+    // Allow setting the utc argument via the mask
+    if (mask.slice(0, 4) == "UTC:") {
+      mask = mask.slice(4);
+      options.utc = true;
+    }
+    var _ = options.utc ? "getUTC" : "get",
+      d = date[_ + "Date"](),
+      D = date[_ + "Day"](),
+      M = date[_ + "Month"](),
+      mIndex = date[_ + "MonthIndex"](),
+      y = date[_ + "FullYear"](),
+      H = date[_ + "Hours"](),
+      m = date[_ + "Minutes"](),
+      s = date[_ + "Seconds"](),
+      L = date[_ + "Milliseconds"](),
+      o = options.utc ? 0 : date.getTimezoneOffset(),
+      flags = {
+        d: d,
+        dd: pad(d),
+        ddd: locales[options.locale].dayNames[D === 7 ? 0 : D + 1],
+        dddd: locales[options.locale].dayNames[(D === 7 ? 0 : D + 1) + 7],
+        ee: locales[options.locale].dayNames[D],
+        eee: locales[options.locale].dayNames[D + 7],
+        eeee: locales[options.locale].dayNames[D + 14],
+        eeeeee: locales[options.locale].dayNames[D],
+        M: M,
+        MM: pad(M),
+        MMM: locales[options.locale].monthNames[mIndex],
+        MMMM: locales[options.locale].monthNames[mIndex + 12],
+        yy: String(y).slice(2),
+        yyyy: y,
+        h: H % 12 || 12,
+        hh: pad(H % 12 || 12),
+        H: H,
+        HH: pad(H),
+        m: m,
+        mm: pad(m),
+        s: s,
+        ss: pad(s),
+        l: pad(L, 3),
+        L: pad(L > 99 ? Math.round(L / 10) : L),
+        a: H < 12 ? locales[options.locale].am : locales[options.locale].pm,
+        aa: H < 12 ? locales[options.locale].am : locales[options.locale].pm,
+        aaa: H < 12 ? locales[options.locale].am : locales[options.locale].pm,
+        aaaa: H < 12 ? locales[options.locale].am : locales[options.locale].pm,
+        aaaaa: H < 12 ? locales[options.locale].am : locales[options.locale].pm,
+        "'at'": locales[options.locale].separator,
+        t: H < 12 ? "a" : "p",
+        tt: H < 12 ? "am" : "pm",
+        T: H < 12 ? "A" : "P",
+        TT: H < 12 ? "AM" : "PM",
+        //  Z: options.utc ? "UTC" : (String(date).match(timezone) || [""]).pop().replace(timezoneClip, ""),
+        o: (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
+        S: ["th", "st", "nd", "rd"][d % 10 > 3 ? 0 : (d % 100 - d % 10 != 10) * d % 10]
+      };
+    return mask.replace(token, function ($0) {
+      if ($0 === "P") return "".concat(flags.d, "/").concat(flags.M, "/").concat(flags.yyyy, " ");
+      if ($0.startsWith("PP")) return "".concat(flags.MMM, " ").concat(flags.dd, ", ").concat(flags.yyyy, " ");
+      if ($0 === "p") return "".concat(flags.h, ":").concat(flags.m, " ").concat(flags.a);
+      if ($0.startsWith("pp")) return "".concat(flags.hh, ":").concat(flags.mm, ":").concat(flags.ss, " ").concat(flags.a);
+      return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
+    });
+  };
+}();
+
+// Some common format strings
+var masks = {
+  "default": "ddd MMM dd yyyy HH:mm:ss",
+  shortDate: "M/d/yy",
+  mediumDate: "MMM d, yyyy",
+  longDate: "MMMM d, yyyy",
+  fullDate: "dddd, MMMM d, yyyy",
+  shortTime: "h:mm TT",
+  mediumTime: "h:mm:ss TT",
+  longTime: "h:mm:ss TT Z",
+  isoDate: "yyyy-MM-dd",
+  isoTime: "HH:mm:ss",
+  isoDateTime: "yyyy-MM-dd'T'HH:mm:ss",
+  isoUtcDateTime: "UTC:yyyy-MM-dd'T'HH:mm:ss'Z'"
+};
+
+exports.default = dateFormat;
+exports.masks = masks;