@esic-lab/data-core-ui 0.0.27 → 0.0.29

package/dist/index.mjs

@@ -305,28 +305,6 @@ var require_dayjs_min = __commonJS({
   }
 });
 
-// node_modules/dayjs/plugin/buddhistEra.js
-var require_buddhistEra = __commonJS({
-  "node_modules/dayjs/plugin/buddhistEra.js"(exports, module) {
-    "use strict";
-    !(function(t, e) {
-      "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs_plugin_buddhistEra = e();
-    })(exports, (function() {
-      "use strict";
-      return function(t, e) {
-        var n = e.prototype, i = n.format;
-        n.format = function(t2) {
-          var e2 = this, n2 = (t2 || "YYYY-MM-DDTHH:mm:ssZ").replace(/(\[[^\]]+])|BBBB|BB/g, (function(t3, n3) {
-            var i2, o = String(e2.$y + 543), f = "BB" === t3 ? [o.slice(-2), 2] : [o, 4];
-            return n3 || (i2 = e2.$utils()).s.apply(i2, f.concat(["0"]));
-          }));
-          return i.bind(this)(n2);
-        };
-      };
-    }));
-  }
-});
-
 // node_modules/dayjs/locale/th.js
 var require_th = __commonJS({
   "node_modules/dayjs/locale/th.js"(exports, module) {
@@ -346,6 +324,134 @@ var require_th = __commonJS({
   }
 });
 
+// node_modules/dayjs/plugin/customParseFormat.js
+var require_customParseFormat = __commonJS({
+  "node_modules/dayjs/plugin/customParseFormat.js"(exports, module) {
+    "use strict";
+    !(function(e, t) {
+      "object" == typeof exports && "undefined" != typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define(t) : (e = "undefined" != typeof globalThis ? globalThis : e || self).dayjs_plugin_customParseFormat = t();
+    })(exports, (function() {
+      "use strict";
+      var e = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, t = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, n = /\d/, r = /\d\d/, i = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/, s = {}, a = function(e2) {
+        return (e2 = +e2) + (e2 > 68 ? 1900 : 2e3);
+      };
+      var f = function(e2) {
+        return function(t2) {
+          this[e2] = +t2;
+        };
+      }, h = [/[+-]\d\d:?(\d\d)?|Z/, function(e2) {
+        (this.zone || (this.zone = {})).offset = (function(e3) {
+          if (!e3) return 0;
+          if ("Z" === e3) return 0;
+          var t2 = e3.match(/([+-]|\d\d)/g), n2 = 60 * t2[1] + (+t2[2] || 0);
+          return 0 === n2 ? 0 : "+" === t2[0] ? -n2 : n2;
+        })(e2);
+      }], u = function(e2) {
+        var t2 = s[e2];
+        return t2 && (t2.indexOf ? t2 : t2.s.concat(t2.f));
+      }, d = function(e2, t2) {
+        var n2, r2 = s.meridiem;
+        if (r2) {
+          for (var i2 = 1; i2 <= 24; i2 += 1) if (e2.indexOf(r2(i2, 0, t2)) > -1) {
+            n2 = i2 > 12;
+            break;
+          }
+        } else n2 = e2 === (t2 ? "pm" : "PM");
+        return n2;
+      }, c = { A: [o, function(e2) {
+        this.afternoon = d(e2, false);
+      }], a: [o, function(e2) {
+        this.afternoon = d(e2, true);
+      }], Q: [n, function(e2) {
+        this.month = 3 * (e2 - 1) + 1;
+      }], S: [n, function(e2) {
+        this.milliseconds = 100 * +e2;
+      }], SS: [r, function(e2) {
+        this.milliseconds = 10 * +e2;
+      }], SSS: [/\d{3}/, function(e2) {
+        this.milliseconds = +e2;
+      }], s: [i, f("seconds")], ss: [i, f("seconds")], m: [i, f("minutes")], mm: [i, f("minutes")], H: [i, f("hours")], h: [i, f("hours")], HH: [i, f("hours")], hh: [i, f("hours")], D: [i, f("day")], DD: [r, f("day")], Do: [o, function(e2) {
+        var t2 = s.ordinal, n2 = e2.match(/\d+/);
+        if (this.day = n2[0], t2) for (var r2 = 1; r2 <= 31; r2 += 1) t2(r2).replace(/\[|\]/g, "") === e2 && (this.day = r2);
+      }], w: [i, f("week")], ww: [r, f("week")], M: [i, f("month")], MM: [r, f("month")], MMM: [o, function(e2) {
+        var t2 = u("months"), n2 = (u("monthsShort") || t2.map((function(e3) {
+          return e3.slice(0, 3);
+        }))).indexOf(e2) + 1;
+        if (n2 < 1) throw new Error();
+        this.month = n2 % 12 || n2;
+      }], MMMM: [o, function(e2) {
+        var t2 = u("months").indexOf(e2) + 1;
+        if (t2 < 1) throw new Error();
+        this.month = t2 % 12 || t2;
+      }], Y: [/[+-]?\d+/, f("year")], YY: [r, function(e2) {
+        this.year = a(e2);
+      }], YYYY: [/\d{4}/, f("year")], Z: h, ZZ: h };
+      function l(n2) {
+        var r2, i2;
+        r2 = n2, i2 = s && s.formats;
+        for (var o2 = (n2 = r2.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(t2, n3, r3) {
+          var o3 = r3 && r3.toUpperCase();
+          return n3 || i2[r3] || e[r3] || i2[o3].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(e2, t3, n4) {
+            return t3 || n4.slice(1);
+          }));
+        }))).match(t), a2 = o2.length, f2 = 0; f2 < a2; f2 += 1) {
+          var h2 = o2[f2], u2 = c[h2], d2 = u2 && u2[0], l2 = u2 && u2[1];
+          o2[f2] = l2 ? { regex: d2, parser: l2 } : h2.replace(/^\[|\]$/g, "");
+        }
+        return function(e2) {
+          for (var t2 = {}, n3 = 0, r3 = 0; n3 < a2; n3 += 1) {
+            var i3 = o2[n3];
+            if ("string" == typeof i3) r3 += i3.length;
+            else {
+              var s2 = i3.regex, f3 = i3.parser, h3 = e2.slice(r3), u3 = s2.exec(h3)[0];
+              f3.call(t2, u3), e2 = e2.replace(u3, "");
+            }
+          }
+          return (function(e3) {
+            var t3 = e3.afternoon;
+            if (void 0 !== t3) {
+              var n4 = e3.hours;
+              t3 ? n4 < 12 && (e3.hours += 12) : 12 === n4 && (e3.hours = 0), delete e3.afternoon;
+            }
+          })(t2), t2;
+        };
+      }
+      return function(e2, t2, n2) {
+        n2.p.customParseFormat = true, e2 && e2.parseTwoDigitYear && (a = e2.parseTwoDigitYear);
+        var r2 = t2.prototype, i2 = r2.parse;
+        r2.parse = function(e3) {
+          var t3 = e3.date, r3 = e3.utc, o2 = e3.args;
+          this.$u = r3;
+          var a2 = o2[1];
+          if ("string" == typeof a2) {
+            var f2 = true === o2[2], h2 = true === o2[3], u2 = f2 || h2, d2 = o2[2];
+            h2 && (d2 = o2[2]), s = this.$locale(), !f2 && d2 && (s = n2.Ls[d2]), this.$d = (function(e4, t4, n3, r4) {
+              try {
+                if (["x", "X"].indexOf(t4) > -1) return new Date(("X" === t4 ? 1e3 : 1) * e4);
+                var i3 = l(t4)(e4), o3 = i3.year, s2 = i3.month, a3 = i3.day, f3 = i3.hours, h3 = i3.minutes, u3 = i3.seconds, d3 = i3.milliseconds, c3 = i3.zone, m2 = i3.week, M2 = /* @__PURE__ */ new Date(), Y = a3 || (o3 || s2 ? 1 : M2.getDate()), p = o3 || M2.getFullYear(), v = 0;
+                o3 && !s2 || (v = s2 > 0 ? s2 - 1 : M2.getMonth());
+                var D, w = f3 || 0, g = h3 || 0, y = u3 || 0, L = d3 || 0;
+                return c3 ? new Date(Date.UTC(p, v, Y, w, g, y, L + 60 * c3.offset * 1e3)) : n3 ? new Date(Date.UTC(p, v, Y, w, g, y, L)) : (D = new Date(p, v, Y, w, g, y, L), m2 && (D = r4(D).week(m2).toDate()), D);
+              } catch (e5) {
+                return /* @__PURE__ */ new Date("");
+              }
+            })(t3, a2, r3, n2), this.init(), d2 && true !== d2 && (this.$L = this.locale(d2).$L), u2 && t3 != this.format(a2) && (this.$d = /* @__PURE__ */ new Date("")), s = {};
+          } else if (a2 instanceof Array) for (var c2 = a2.length, m = 1; m <= c2; m += 1) {
+            o2[1] = a2[m - 1];
+            var M = n2.apply(this, o2);
+            if (M.isValid()) {
+              this.$d = M.$d, this.$L = M.$L, this.init();
+              break;
+            }
+            m === c2 && (this.$d = /* @__PURE__ */ new Date(""));
+          }
+          else i2.call(this, e3);
+        };
+      };
+    }));
+  }
+});
+
 // src/Button/PrimaryButton/PrimaryButton.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function PrimaryButton({
@@ -755,7 +861,8 @@ function AntDataTable({
   rowCheckbox,
   onRowSelect,
   width,
-  height
+  height,
+  pagination
 }) {
   const [selectedRowKeys, setSelectedRowKeys] = useState3([]);
   const rowSelection = {
@@ -781,7 +888,7 @@ function AntDataTable({
           dataSource,
           columns,
           rowSelection: rowCheckbox ? rowSelection : void 0,
-          pagination: { position: ["bottomCenter"], pageSize },
+          pagination: pagination ? { position: ["bottomCenter"], pageSize } : false,
           style: { width },
           scroll: { y: height }
         }
@@ -1004,11 +1111,10 @@ function InputField({
   onChange,
   placeholder = "\u0E42\u0E1B\u0E23\u0E14\u0E23\u0E30\u0E1A\u0E38",
   title,
-  require: require2,
+  required,
   bottomText,
   disabled,
-  showError,
-  errorMessage,
+  error,
   addonBefore,
   addonAfter,
   defaultValue,
@@ -1027,7 +1133,7 @@ function InputField({
         /* @__PURE__ */ jsxs14("div", { children: [
           /* @__PURE__ */ jsx18("span", { className: "body-1", children: title }),
           " ",
-          require2 && /* @__PURE__ */ jsx18("span", { className: "text-red-500", children: "*" })
+          required && /* @__PURE__ */ jsx18("span", { className: "text-red-500", children: "*" })
         ] }),
         /* @__PURE__ */ jsx18(
           Input,
@@ -1047,7 +1153,7 @@ function InputField({
         /* @__PURE__ */ jsxs14("div", { children: [
           /* @__PURE__ */ jsx18("p", { className: "caption-1 text-gray-500", children: bottomText }),
           " ",
-          showError && /* @__PURE__ */ jsx18("p", { className: "caption-1 text-red-500 ", children: errorMessage })
+          error && /* @__PURE__ */ jsx18("p", { className: "caption-1 text-red-500 ", children: error })
         ] })
       ] })
     }
@@ -1115,11 +1221,10 @@ import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function ColorPickerBasic({
   value,
   onChange,
-  require: require2,
+  required,
   title,
   bottomText,
-  showError,
-  errorMessage,
+  error,
   disabled,
   allowClear,
   defaultFormat,
@@ -1139,7 +1244,7 @@ function ColorPickerBasic({
         /* @__PURE__ */ jsxs16("div", { children: [
           /* @__PURE__ */ jsx20("span", { className: "body-1", children: title }),
           " ",
-          require2 && /* @__PURE__ */ jsx20("span", { className: "text-red-500", children: "*" })
+          required && /* @__PURE__ */ jsx20("span", { className: "text-red-500", children: "*" })
         ] }),
         /* @__PURE__ */ jsx20(
           ColorPicker,
@@ -1167,7 +1272,7 @@ function ColorPickerBasic({
         /* @__PURE__ */ jsxs16("div", { children: [
           /* @__PURE__ */ jsx20("p", { className: "caption-1 text-gray-500", children: bottomText }),
           " ",
-          showError && /* @__PURE__ */ jsx20("p", { className: "caption-1 text-red-500 ", children: errorMessage })
+          error && /* @__PURE__ */ jsx20("p", { className: "caption-1 text-red-500 ", children: error })
         ] })
       ] })
     }
@@ -1176,2022 +1281,16 @@ function ColorPickerBasic({
 
 // src/DatePicker/DatePickerBasic/DatePickerBasic.tsx
 var import_dayjs = __toESM(require_dayjs_min());
+var import_th2 = __toESM(require_th());
 import { ConfigProvider as ConfigProvider5, DatePicker } from "antd";
 import thTH from "antd/locale/th_TH";
-
-// node_modules/date-fns/constants.js
-var daysInYear = 365.2425;
-var maxTime = Math.pow(10, 8) * 24 * 60 * 60 * 1e3;
-var minTime = -maxTime;
-var millisecondsInWeek = 6048e5;
-var millisecondsInDay = 864e5;
-var secondsInHour = 3600;
-var secondsInDay = secondsInHour * 24;
-var secondsInWeek = secondsInDay * 7;
-var secondsInYear = secondsInDay * daysInYear;
-var secondsInMonth = secondsInYear / 12;
-var secondsInQuarter = secondsInMonth * 3;
-var constructFromSymbol = Symbol.for("constructDateFrom");
-
-// node_modules/date-fns/constructFrom.js
-function constructFrom(date, value) {
-  if (typeof date === "function") return date(value);
-  if (date && typeof date === "object" && constructFromSymbol in date)
-    return date[constructFromSymbol](value);
-  if (date instanceof Date) return new date.constructor(value);
-  return new Date(value);
-}
-
-// node_modules/date-fns/toDate.js
-function toDate(argument, context) {
-  return constructFrom(context || argument, argument);
-}
-
-// node_modules/date-fns/_lib/defaultOptions.js
-var defaultOptions = {};
-function getDefaultOptions() {
-  return defaultOptions;
-}
-
-// node_modules/date-fns/startOfWeek.js
-function startOfWeek(date, options) {
-  const defaultOptions2 = getDefaultOptions();
-  const weekStartsOn = options?.weekStartsOn ?? options?.locale?.options?.weekStartsOn ?? defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
-  const _date = toDate(date, options?.in);
-  const day = _date.getDay();
-  const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
-  _date.setDate(_date.getDate() - diff);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
-// node_modules/date-fns/startOfISOWeek.js
-function startOfISOWeek(date, options) {
-  return startOfWeek(date, { ...options, weekStartsOn: 1 });
-}
-
-// node_modules/date-fns/getISOWeekYear.js
-function getISOWeekYear(date, options) {
-  const _date = toDate(date, options?.in);
-  const year = _date.getFullYear();
-  const fourthOfJanuaryOfNextYear = constructFrom(_date, 0);
-  fourthOfJanuaryOfNextYear.setFullYear(year + 1, 0, 4);
-  fourthOfJanuaryOfNextYear.setHours(0, 0, 0, 0);
-  const startOfNextYear = startOfISOWeek(fourthOfJanuaryOfNextYear);
-  const fourthOfJanuaryOfThisYear = constructFrom(_date, 0);
-  fourthOfJanuaryOfThisYear.setFullYear(year, 0, 4);
-  fourthOfJanuaryOfThisYear.setHours(0, 0, 0, 0);
-  const startOfThisYear = startOfISOWeek(fourthOfJanuaryOfThisYear);
-  if (_date.getTime() >= startOfNextYear.getTime()) {
-    return year + 1;
-  } else if (_date.getTime() >= startOfThisYear.getTime()) {
-    return year;
-  } else {
-    return year - 1;
-  }
-}
-
-// node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js
-function getTimezoneOffsetInMilliseconds(date) {
-  const _date = toDate(date);
-  const utcDate = new Date(
-    Date.UTC(
-      _date.getFullYear(),
-      _date.getMonth(),
-      _date.getDate(),
-      _date.getHours(),
-      _date.getMinutes(),
-      _date.getSeconds(),
-      _date.getMilliseconds()
-    )
-  );
-  utcDate.setUTCFullYear(_date.getFullYear());
-  return +date - +utcDate;
-}
-
-// node_modules/date-fns/_lib/normalizeDates.js
-function normalizeDates(context, ...dates) {
-  const normalize = constructFrom.bind(
-    null,
-    context || dates.find((date) => typeof date === "object")
-  );
-  return dates.map(normalize);
-}
-
-// node_modules/date-fns/startOfDay.js
-function startOfDay(date, options) {
-  const _date = toDate(date, options?.in);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-
-// node_modules/date-fns/differenceInCalendarDays.js
-function differenceInCalendarDays(laterDate, earlierDate, options) {
-  const [laterDate_, earlierDate_] = normalizeDates(
-    options?.in,
-    laterDate,
-    earlierDate
-  );
-  const laterStartOfDay = startOfDay(laterDate_);
-  const earlierStartOfDay = startOfDay(earlierDate_);
-  const laterTimestamp = +laterStartOfDay - getTimezoneOffsetInMilliseconds(laterStartOfDay);
-  const earlierTimestamp = +earlierStartOfDay - getTimezoneOffsetInMilliseconds(earlierStartOfDay);
-  return Math.round((laterTimestamp - earlierTimestamp) / millisecondsInDay);
-}
-
-// node_modules/date-fns/startOfISOWeekYear.js
-function startOfISOWeekYear(date, options) {
-  const year = getISOWeekYear(date, options);
-  const fourthOfJanuary = constructFrom(options?.in || date, 0);
-  fourthOfJanuary.setFullYear(year, 0, 4);
-  fourthOfJanuary.setHours(0, 0, 0, 0);
-  return startOfISOWeek(fourthOfJanuary);
-}
-
-// node_modules/date-fns/isDate.js
-function isDate(value) {
-  return value instanceof Date || typeof value === "object" && Object.prototype.toString.call(value) === "[object Date]";
-}
-
-// node_modules/date-fns/isValid.js
-function isValid(date) {
-  return !(!isDate(date) && typeof date !== "number" || isNaN(+toDate(date)));
-}
-
-// node_modules/date-fns/startOfYear.js
-function startOfYear(date, options) {
-  const date_ = toDate(date, options?.in);
-  date_.setFullYear(date_.getFullYear(), 0, 1);
-  date_.setHours(0, 0, 0, 0);
-  return date_;
-}
-
-// node_modules/date-fns/locale/en-US/_lib/formatDistance.js
-var formatDistanceLocale = {
-  lessThanXSeconds: {
-    one: "less than a second",
-    other: "less than {{count}} seconds"
-  },
-  xSeconds: {
-    one: "1 second",
-    other: "{{count}} seconds"
-  },
-  halfAMinute: "half a minute",
-  lessThanXMinutes: {
-    one: "less than a minute",
-    other: "less than {{count}} minutes"
-  },
-  xMinutes: {
-    one: "1 minute",
-    other: "{{count}} minutes"
-  },
-  aboutXHours: {
-    one: "about 1 hour",
-    other: "about {{count}} hours"
-  },
-  xHours: {
-    one: "1 hour",
-    other: "{{count}} hours"
-  },
-  xDays: {
-    one: "1 day",
-    other: "{{count}} days"
-  },
-  aboutXWeeks: {
-    one: "about 1 week",
-    other: "about {{count}} weeks"
-  },
-  xWeeks: {
-    one: "1 week",
-    other: "{{count}} weeks"
-  },
-  aboutXMonths: {
-    one: "about 1 month",
-    other: "about {{count}} months"
-  },
-  xMonths: {
-    one: "1 month",
-    other: "{{count}} months"
-  },
-  aboutXYears: {
-    one: "about 1 year",
-    other: "about {{count}} years"
-  },
-  xYears: {
-    one: "1 year",
-    other: "{{count}} years"
-  },
-  overXYears: {
-    one: "over 1 year",
-    other: "over {{count}} years"
-  },
-  almostXYears: {
-    one: "almost 1 year",
-    other: "almost {{count}} years"
-  }
-};
-var formatDistance = (token, count, options) => {
-  let result;
-  const tokenValue = formatDistanceLocale[token];
-  if (typeof tokenValue === "string") {
-    result = tokenValue;
-  } else if (count === 1) {
-    result = tokenValue.one;
-  } else {
-    result = tokenValue.other.replace("{{count}}", count.toString());
-  }
-  if (options?.addSuffix) {
-    if (options.comparison && options.comparison > 0) {
-      return "in " + result;
-    } else {
-      return result + " ago";
-    }
-  }
-  return result;
-};
-
-// node_modules/date-fns/locale/_lib/buildFormatLongFn.js
-function buildFormatLongFn(args) {
-  return (options = {}) => {
-    const width = options.width ? String(options.width) : args.defaultWidth;
-    const format2 = args.formats[width] || args.formats[args.defaultWidth];
-    return format2;
-  };
-}
-
-// node_modules/date-fns/locale/en-US/_lib/formatLong.js
-var dateFormats = {
-  full: "EEEE, MMMM do, y",
-  long: "MMMM do, y",
-  medium: "MMM d, y",
-  short: "MM/dd/yyyy"
-};
-var timeFormats = {
-  full: "h:mm:ss a zzzz",
-  long: "h:mm:ss a z",
-  medium: "h:mm:ss a",
-  short: "h:mm a"
-};
-var dateTimeFormats = {
-  full: "{{date}} 'at' {{time}}",
-  long: "{{date}} 'at' {{time}}",
-  medium: "{{date}}, {{time}}",
-  short: "{{date}}, {{time}}"
-};
-var formatLong = {
-  date: buildFormatLongFn({
-    formats: dateFormats,
-    defaultWidth: "full"
-  }),
-  time: buildFormatLongFn({
-    formats: timeFormats,
-    defaultWidth: "full"
-  }),
-  dateTime: buildFormatLongFn({
-    formats: dateTimeFormats,
-    defaultWidth: "full"
-  })
-};
-
-// node_modules/date-fns/locale/en-US/_lib/formatRelative.js
-var formatRelativeLocale = {
-  lastWeek: "'last' eeee 'at' p",
-  yesterday: "'yesterday at' p",
-  today: "'today at' p",
-  tomorrow: "'tomorrow at' p",
-  nextWeek: "eeee 'at' p",
-  other: "P"
-};
-var formatRelative = (token, _date, _baseDate, _options) => formatRelativeLocale[token];
-
-// node_modules/date-fns/locale/_lib/buildLocalizeFn.js
-function buildLocalizeFn(args) {
-  return (value, options) => {
-    const context = options?.context ? String(options.context) : "standalone";
-    let valuesArray;
-    if (context === "formatting" && args.formattingValues) {
-      const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
-      const width = options?.width ? String(options.width) : defaultWidth;
-      valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
-    } else {
-      const defaultWidth = args.defaultWidth;
-      const width = options?.width ? String(options.width) : args.defaultWidth;
-      valuesArray = args.values[width] || args.values[defaultWidth];
-    }
-    const index = args.argumentCallback ? args.argumentCallback(value) : value;
-    return valuesArray[index];
-  };
-}
-
-// node_modules/date-fns/locale/en-US/_lib/localize.js
-var eraValues = {
-  narrow: ["B", "A"],
-  abbreviated: ["BC", "AD"],
-  wide: ["Before Christ", "Anno Domini"]
-};
-var quarterValues = {
-  narrow: ["1", "2", "3", "4"],
-  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
-  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-};
-var monthValues = {
-  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
-  abbreviated: [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec"
-  ],
-  wide: [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December"
-  ]
-};
-var dayValues = {
-  narrow: ["S", "M", "T", "W", "T", "F", "S"],
-  short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
-  abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
-  wide: [
-    "Sunday",
-    "Monday",
-    "Tuesday",
-    "Wednesday",
-    "Thursday",
-    "Friday",
-    "Saturday"
-  ]
-};
-var dayPeriodValues = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "mi",
-    noon: "n",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  },
-  abbreviated: {
-    am: "AM",
-    pm: "PM",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  }
-};
-var formattingDayPeriodValues = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "mi",
-    noon: "n",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  },
-  abbreviated: {
-    am: "AM",
-    pm: "PM",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  }
-};
-var ordinalNumber = (dirtyNumber, _options) => {
-  const number = Number(dirtyNumber);
-  const rem100 = number % 100;
-  if (rem100 > 20 || rem100 < 10) {
-    switch (rem100 % 10) {
-      case 1:
-        return number + "st";
-      case 2:
-        return number + "nd";
-      case 3:
-        return number + "rd";
-    }
-  }
-  return number + "th";
-};
-var localize = {
-  ordinalNumber,
-  era: buildLocalizeFn({
-    values: eraValues,
-    defaultWidth: "wide"
-  }),
-  quarter: buildLocalizeFn({
-    values: quarterValues,
-    defaultWidth: "wide",
-    argumentCallback: (quarter) => quarter - 1
-  }),
-  month: buildLocalizeFn({
-    values: monthValues,
-    defaultWidth: "wide"
-  }),
-  day: buildLocalizeFn({
-    values: dayValues,
-    defaultWidth: "wide"
-  }),
-  dayPeriod: buildLocalizeFn({
-    values: dayPeriodValues,
-    defaultWidth: "wide",
-    formattingValues: formattingDayPeriodValues,
-    defaultFormattingWidth: "wide"
-  })
-};
-
-// node_modules/date-fns/locale/_lib/buildMatchFn.js
-function buildMatchFn(args) {
-  return (string, options = {}) => {
-    const width = options.width;
-    const matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
-    const matchResult = string.match(matchPattern);
-    if (!matchResult) {
-      return null;
-    }
-    const matchedString = matchResult[0];
-    const parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
-    const key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, (pattern) => pattern.test(matchedString)) : (
-      // [TODO] -- I challenge you to fix the type
-      findKey(parsePatterns, (pattern) => pattern.test(matchedString))
-    );
-    let value;
-    value = args.valueCallback ? args.valueCallback(key) : key;
-    value = options.valueCallback ? (
-      // [TODO] -- I challenge you to fix the type
-      options.valueCallback(value)
-    ) : value;
-    const rest = string.slice(matchedString.length);
-    return { value, rest };
-  };
-}
-function findKey(object, predicate) {
-  for (const key in object) {
-    if (Object.prototype.hasOwnProperty.call(object, key) && predicate(object[key])) {
-      return key;
-    }
-  }
-  return void 0;
-}
-function findIndex(array, predicate) {
-  for (let key = 0; key < array.length; key++) {
-    if (predicate(array[key])) {
-      return key;
-    }
-  }
-  return void 0;
-}
-
-// node_modules/date-fns/locale/_lib/buildMatchPatternFn.js
-function buildMatchPatternFn(args) {
-  return (string, options = {}) => {
-    const matchResult = string.match(args.matchPattern);
-    if (!matchResult) return null;
-    const matchedString = matchResult[0];
-    const parseResult = string.match(args.parsePattern);
-    if (!parseResult) return null;
-    let value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
-    value = options.valueCallback ? options.valueCallback(value) : value;
-    const rest = string.slice(matchedString.length);
-    return { value, rest };
-  };
-}
-
-// node_modules/date-fns/locale/en-US/_lib/match.js
-var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
-var parseOrdinalNumberPattern = /\d+/i;
-var matchEraPatterns = {
-  narrow: /^(b|a)/i,
-  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
-  wide: /^(before christ|before common era|anno domini|common era)/i
-};
-var parseEraPatterns = {
-  any: [/^b/i, /^(a|c)/i]
-};
-var matchQuarterPatterns = {
-  narrow: /^[1234]/i,
-  abbreviated: /^q[1234]/i,
-  wide: /^[1234](th|st|nd|rd)? quarter/i
-};
-var parseQuarterPatterns = {
-  any: [/1/i, /2/i, /3/i, /4/i]
-};
-var matchMonthPatterns = {
-  narrow: /^[jfmasond]/i,
-  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
-  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-};
-var parseMonthPatterns = {
-  narrow: [
-    /^j/i,
-    /^f/i,
-    /^m/i,
-    /^a/i,
-    /^m/i,
-    /^j/i,
-    /^j/i,
-    /^a/i,
-    /^s/i,
-    /^o/i,
-    /^n/i,
-    /^d/i
-  ],
-  any: [
-    /^ja/i,
-    /^f/i,
-    /^mar/i,
-    /^ap/i,
-    /^may/i,
-    /^jun/i,
-    /^jul/i,
-    /^au/i,
-    /^s/i,
-    /^o/i,
-    /^n/i,
-    /^d/i
-  ]
-};
-var matchDayPatterns = {
-  narrow: /^[smtwf]/i,
-  short: /^(su|mo|tu|we|th|fr|sa)/i,
-  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
-  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
-};
-var parseDayPatterns = {
-  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
-  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
-};
-var matchDayPeriodPatterns = {
-  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
-  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
-};
-var parseDayPeriodPatterns = {
-  any: {
-    am: /^a/i,
-    pm: /^p/i,
-    midnight: /^mi/i,
-    noon: /^no/i,
-    morning: /morning/i,
-    afternoon: /afternoon/i,
-    evening: /evening/i,
-    night: /night/i
-  }
-};
-var match = {
-  ordinalNumber: buildMatchPatternFn({
-    matchPattern: matchOrdinalNumberPattern,
-    parsePattern: parseOrdinalNumberPattern,
-    valueCallback: (value) => parseInt(value, 10)
-  }),
-  era: buildMatchFn({
-    matchPatterns: matchEraPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseEraPatterns,
-    defaultParseWidth: "any"
-  }),
-  quarter: buildMatchFn({
-    matchPatterns: matchQuarterPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseQuarterPatterns,
-    defaultParseWidth: "any",
-    valueCallback: (index) => index + 1
-  }),
-  month: buildMatchFn({
-    matchPatterns: matchMonthPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseMonthPatterns,
-    defaultParseWidth: "any"
-  }),
-  day: buildMatchFn({
-    matchPatterns: matchDayPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseDayPatterns,
-    defaultParseWidth: "any"
-  }),
-  dayPeriod: buildMatchFn({
-    matchPatterns: matchDayPeriodPatterns,
-    defaultMatchWidth: "any",
-    parsePatterns: parseDayPeriodPatterns,
-    defaultParseWidth: "any"
-  })
-};
-
-// node_modules/date-fns/locale/en-US.js
-var enUS = {
-  code: "en-US",
-  formatDistance,
-  formatLong,
-  formatRelative,
-  localize,
-  match,
-  options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
-  }
-};
-
-// node_modules/date-fns/getDayOfYear.js
-function getDayOfYear(date, options) {
-  const _date = toDate(date, options?.in);
-  const diff = differenceInCalendarDays(_date, startOfYear(_date));
-  const dayOfYear = diff + 1;
-  return dayOfYear;
-}
-
-// node_modules/date-fns/getISOWeek.js
-function getISOWeek(date, options) {
-  const _date = toDate(date, options?.in);
-  const diff = +startOfISOWeek(_date) - +startOfISOWeekYear(_date);
-  return Math.round(diff / millisecondsInWeek) + 1;
-}
-
-// node_modules/date-fns/getWeekYear.js
-function getWeekYear(date, options) {
-  const _date = toDate(date, options?.in);
-  const year = _date.getFullYear();
-  const defaultOptions2 = getDefaultOptions();
-  const firstWeekContainsDate = options?.firstWeekContainsDate ?? options?.locale?.options?.firstWeekContainsDate ?? defaultOptions2.firstWeekContainsDate ?? defaultOptions2.locale?.options?.firstWeekContainsDate ?? 1;
-  const firstWeekOfNextYear = constructFrom(options?.in || date, 0);
-  firstWeekOfNextYear.setFullYear(year + 1, 0, firstWeekContainsDate);
-  firstWeekOfNextYear.setHours(0, 0, 0, 0);
-  const startOfNextYear = startOfWeek(firstWeekOfNextYear, options);
-  const firstWeekOfThisYear = constructFrom(options?.in || date, 0);
-  firstWeekOfThisYear.setFullYear(year, 0, firstWeekContainsDate);
-  firstWeekOfThisYear.setHours(0, 0, 0, 0);
-  const startOfThisYear = startOfWeek(firstWeekOfThisYear, options);
-  if (+_date >= +startOfNextYear) {
-    return year + 1;
-  } else if (+_date >= +startOfThisYear) {
-    return year;
-  } else {
-    return year - 1;
-  }
-}
-
-// node_modules/date-fns/startOfWeekYear.js
-function startOfWeekYear(date, options) {
-  const defaultOptions2 = getDefaultOptions();
-  const firstWeekContainsDate = options?.firstWeekContainsDate ?? options?.locale?.options?.firstWeekContainsDate ?? defaultOptions2.firstWeekContainsDate ?? defaultOptions2.locale?.options?.firstWeekContainsDate ?? 1;
-  const year = getWeekYear(date, options);
-  const firstWeek = constructFrom(options?.in || date, 0);
-  firstWeek.setFullYear(year, 0, firstWeekContainsDate);
-  firstWeek.setHours(0, 0, 0, 0);
-  const _date = startOfWeek(firstWeek, options);
-  return _date;
-}
-
-// node_modules/date-fns/getWeek.js
-function getWeek(date, options) {
-  const _date = toDate(date, options?.in);
-  const diff = +startOfWeek(_date, options) - +startOfWeekYear(_date, options);
-  return Math.round(diff / millisecondsInWeek) + 1;
-}
-
-// node_modules/date-fns/_lib/addLeadingZeros.js
-function addLeadingZeros(number, targetLength) {
-  const sign = number < 0 ? "-" : "";
-  const output = Math.abs(number).toString().padStart(targetLength, "0");
-  return sign + output;
-}
-
-// node_modules/date-fns/_lib/format/lightFormatters.js
-var lightFormatters = {
-  // Year
-  y(date, token) {
-    const signedYear = date.getFullYear();
-    const year = signedYear > 0 ? signedYear : 1 - signedYear;
-    return addLeadingZeros(token === "yy" ? year % 100 : year, token.length);
-  },
-  // Month
-  M(date, token) {
-    const month = date.getMonth();
-    return token === "M" ? String(month + 1) : addLeadingZeros(month + 1, 2);
-  },
-  // Day of the month
-  d(date, token) {
-    return addLeadingZeros(date.getDate(), token.length);
-  },
-  // AM or PM
-  a(date, token) {
-    const dayPeriodEnumValue = date.getHours() / 12 >= 1 ? "pm" : "am";
-    switch (token) {
-      case "a":
-      case "aa":
-        return dayPeriodEnumValue.toUpperCase();
-      case "aaa":
-        return dayPeriodEnumValue;
-      case "aaaaa":
-        return dayPeriodEnumValue[0];
-      case "aaaa":
-      default:
-        return dayPeriodEnumValue === "am" ? "a.m." : "p.m.";
-    }
-  },
-  // Hour [1-12]
-  h(date, token) {
-    return addLeadingZeros(date.getHours() % 12 || 12, token.length);
-  },
-  // Hour [0-23]
-  H(date, token) {
-    return addLeadingZeros(date.getHours(), token.length);
-  },
-  // Minute
-  m(date, token) {
-    return addLeadingZeros(date.getMinutes(), token.length);
-  },
-  // Second
-  s(date, token) {
-    return addLeadingZeros(date.getSeconds(), token.length);
-  },
-  // Fraction of second
-  S(date, token) {
-    const numberOfDigits = token.length;
-    const milliseconds = date.getMilliseconds();
-    const fractionalSeconds = Math.trunc(
-      milliseconds * Math.pow(10, numberOfDigits - 3)
-    );
-    return addLeadingZeros(fractionalSeconds, token.length);
-  }
-};
-
-// node_modules/date-fns/_lib/format/formatters.js
-var dayPeriodEnum = {
-  am: "am",
-  pm: "pm",
-  midnight: "midnight",
-  noon: "noon",
-  morning: "morning",
-  afternoon: "afternoon",
-  evening: "evening",
-  night: "night"
-};
-var formatters = {
-  // Era
-  G: function(date, token, localize3) {
-    const era = date.getFullYear() > 0 ? 1 : 0;
-    switch (token) {
-      // AD, BC
-      case "G":
-      case "GG":
-      case "GGG":
-        return localize3.era(era, { width: "abbreviated" });
-      // A, B
-      case "GGGGG":
-        return localize3.era(era, { width: "narrow" });
-      // Anno Domini, Before Christ
-      case "GGGG":
-      default:
-        return localize3.era(era, { width: "wide" });
-    }
-  },
-  // Year
-  y: function(date, token, localize3) {
-    if (token === "yo") {
-      const signedYear = date.getFullYear();
-      const year = signedYear > 0 ? signedYear : 1 - signedYear;
-      return localize3.ordinalNumber(year, { unit: "year" });
-    }
-    return lightFormatters.y(date, token);
-  },
-  // Local week-numbering year
-  Y: function(date, token, localize3, options) {
-    const signedWeekYear = getWeekYear(date, options);
-    const weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear;
-    if (token === "YY") {
-      const twoDigitYear = weekYear % 100;
-      return addLeadingZeros(twoDigitYear, 2);
-    }
-    if (token === "Yo") {
-      return localize3.ordinalNumber(weekYear, { unit: "year" });
-    }
-    return addLeadingZeros(weekYear, token.length);
-  },
-  // ISO week-numbering year
-  R: function(date, token) {
-    const isoWeekYear = getISOWeekYear(date);
-    return addLeadingZeros(isoWeekYear, token.length);
-  },
-  // Extended year. This is a single number designating the year of this calendar system.
-  // The main difference between `y` and `u` localizers are B.C. years:
-  // | Year | `y` | `u` |
-  // |------|-----|-----|
-  // | AC 1 |   1 |   1 |
-  // | BC 1 |   1 |   0 |
-  // | BC 2 |   2 |  -1 |
-  // Also `yy` always returns the last two digits of a year,
-  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
-  u: function(date, token) {
-    const year = date.getFullYear();
-    return addLeadingZeros(year, token.length);
-  },
-  // Quarter
-  Q: function(date, token, localize3) {
-    const quarter = Math.ceil((date.getMonth() + 1) / 3);
-    switch (token) {
-      // 1, 2, 3, 4
-      case "Q":
-        return String(quarter);
-      // 01, 02, 03, 04
-      case "QQ":
-        return addLeadingZeros(quarter, 2);
-      // 1st, 2nd, 3rd, 4th
-      case "Qo":
-        return localize3.ordinalNumber(quarter, { unit: "quarter" });
-      // Q1, Q2, Q3, Q4
-      case "QQQ":
-        return localize3.quarter(quarter, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
-      case "QQQQQ":
-        return localize3.quarter(quarter, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // 1st quarter, 2nd quarter, ...
-      case "QQQQ":
-      default:
-        return localize3.quarter(quarter, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Stand-alone quarter
-  q: function(date, token, localize3) {
-    const quarter = Math.ceil((date.getMonth() + 1) / 3);
-    switch (token) {
-      // 1, 2, 3, 4
-      case "q":
-        return String(quarter);
-      // 01, 02, 03, 04
-      case "qq":
-        return addLeadingZeros(quarter, 2);
-      // 1st, 2nd, 3rd, 4th
-      case "qo":
-        return localize3.ordinalNumber(quarter, { unit: "quarter" });
-      // Q1, Q2, Q3, Q4
-      case "qqq":
-        return localize3.quarter(quarter, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
-      case "qqqqq":
-        return localize3.quarter(quarter, {
-          width: "narrow",
-          context: "standalone"
-        });
-      // 1st quarter, 2nd quarter, ...
-      case "qqqq":
-      default:
-        return localize3.quarter(quarter, {
-          width: "wide",
-          context: "standalone"
-        });
-    }
-  },
-  // Month
-  M: function(date, token, localize3) {
-    const month = date.getMonth();
-    switch (token) {
-      case "M":
-      case "MM":
-        return lightFormatters.M(date, token);
-      // 1st, 2nd, ..., 12th
-      case "Mo":
-        return localize3.ordinalNumber(month + 1, { unit: "month" });
-      // Jan, Feb, ..., Dec
-      case "MMM":
-        return localize3.month(month, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // J, F, ..., D
-      case "MMMMM":
-        return localize3.month(month, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // January, February, ..., December
-      case "MMMM":
-      default:
-        return localize3.month(month, { width: "wide", context: "formatting" });
-    }
-  },
-  // Stand-alone month
-  L: function(date, token, localize3) {
-    const month = date.getMonth();
-    switch (token) {
-      // 1, 2, ..., 12
-      case "L":
-        return String(month + 1);
-      // 01, 02, ..., 12
-      case "LL":
-        return addLeadingZeros(month + 1, 2);
-      // 1st, 2nd, ..., 12th
-      case "Lo":
-        return localize3.ordinalNumber(month + 1, { unit: "month" });
-      // Jan, Feb, ..., Dec
-      case "LLL":
-        return localize3.month(month, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // J, F, ..., D
-      case "LLLLL":
-        return localize3.month(month, {
-          width: "narrow",
-          context: "standalone"
-        });
-      // January, February, ..., December
-      case "LLLL":
-      default:
-        return localize3.month(month, { width: "wide", context: "standalone" });
-    }
-  },
-  // Local week of year
-  w: function(date, token, localize3, options) {
-    const week = getWeek(date, options);
-    if (token === "wo") {
-      return localize3.ordinalNumber(week, { unit: "week" });
-    }
-    return addLeadingZeros(week, token.length);
-  },
-  // ISO week of year
-  I: function(date, token, localize3) {
-    const isoWeek = getISOWeek(date);
-    if (token === "Io") {
-      return localize3.ordinalNumber(isoWeek, { unit: "week" });
-    }
-    return addLeadingZeros(isoWeek, token.length);
-  },
-  // Day of the month
-  d: function(date, token, localize3) {
-    if (token === "do") {
-      return localize3.ordinalNumber(date.getDate(), { unit: "date" });
-    }
-    return lightFormatters.d(date, token);
-  },
-  // Day of year
-  D: function(date, token, localize3) {
-    const dayOfYear = getDayOfYear(date);
-    if (token === "Do") {
-      return localize3.ordinalNumber(dayOfYear, { unit: "dayOfYear" });
-    }
-    return addLeadingZeros(dayOfYear, token.length);
-  },
-  // Day of week
-  E: function(date, token, localize3) {
-    const dayOfWeek = date.getDay();
-    switch (token) {
-      // Tue
-      case "E":
-      case "EE":
-      case "EEE":
-        return localize3.day(dayOfWeek, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "EEEEE":
-        return localize3.day(dayOfWeek, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "EEEEEE":
-        return localize3.day(dayOfWeek, {
-          width: "short",
-          context: "formatting"
-        });
-      // Tuesday
-      case "EEEE":
-      default:
-        return localize3.day(dayOfWeek, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Local day of week
-  e: function(date, token, localize3, options) {
-    const dayOfWeek = date.getDay();
-    const localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
-    switch (token) {
-      // Numerical value (Nth day of week with current locale or weekStartsOn)
-      case "e":
-        return String(localDayOfWeek);
-      // Padded numerical value
-      case "ee":
-        return addLeadingZeros(localDayOfWeek, 2);
-      // 1st, 2nd, ..., 7th
-      case "eo":
-        return localize3.ordinalNumber(localDayOfWeek, { unit: "day" });
-      case "eee":
-        return localize3.day(dayOfWeek, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "eeeee":
-        return localize3.day(dayOfWeek, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "eeeeee":
-        return localize3.day(dayOfWeek, {
-          width: "short",
-          context: "formatting"
-        });
-      // Tuesday
-      case "eeee":
-      default:
-        return localize3.day(dayOfWeek, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Stand-alone local day of week
-  c: function(date, token, localize3, options) {
-    const dayOfWeek = date.getDay();
-    const localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
-    switch (token) {
-      // Numerical value (same as in `e`)
-      case "c":
-        return String(localDayOfWeek);
-      // Padded numerical value
-      case "cc":
-        return addLeadingZeros(localDayOfWeek, token.length);
-      // 1st, 2nd, ..., 7th
-      case "co":
-        return localize3.ordinalNumber(localDayOfWeek, { unit: "day" });
-      case "ccc":
-        return localize3.day(dayOfWeek, {
-          width: "abbreviated",
-          context: "standalone"
-        });
-      // T
-      case "ccccc":
-        return localize3.day(dayOfWeek, {
-          width: "narrow",
-          context: "standalone"
-        });
-      // Tu
-      case "cccccc":
-        return localize3.day(dayOfWeek, {
-          width: "short",
-          context: "standalone"
-        });
-      // Tuesday
-      case "cccc":
-      default:
-        return localize3.day(dayOfWeek, {
-          width: "wide",
-          context: "standalone"
-        });
-    }
-  },
-  // ISO day of week
-  i: function(date, token, localize3) {
-    const dayOfWeek = date.getDay();
-    const isoDayOfWeek = dayOfWeek === 0 ? 7 : dayOfWeek;
-    switch (token) {
-      // 2
-      case "i":
-        return String(isoDayOfWeek);
-      // 02
-      case "ii":
-        return addLeadingZeros(isoDayOfWeek, token.length);
-      // 2nd
-      case "io":
-        return localize3.ordinalNumber(isoDayOfWeek, { unit: "day" });
-      // Tue
-      case "iii":
-        return localize3.day(dayOfWeek, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      // T
-      case "iiiii":
-        return localize3.day(dayOfWeek, {
-          width: "narrow",
-          context: "formatting"
-        });
-      // Tu
-      case "iiiiii":
-        return localize3.day(dayOfWeek, {
-          width: "short",
-          context: "formatting"
-        });
-      // Tuesday
-      case "iiii":
-      default:
-        return localize3.day(dayOfWeek, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // AM or PM
-  a: function(date, token, localize3) {
-    const hours = date.getHours();
-    const dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
-    switch (token) {
-      case "a":
-      case "aa":
-        return localize3.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "aaa":
-        return localize3.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        }).toLowerCase();
-      case "aaaaa":
-        return localize3.dayPeriod(dayPeriodEnumValue, {
-          width: "narrow",
-          context: "formatting"
-        });
-      case "aaaa":
-      default:
-        return localize3.dayPeriod(dayPeriodEnumValue, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // AM, PM, midnight, noon
-  b: function(date, token, localize3) {
-    const hours = date.getHours();
-    let dayPeriodEnumValue;
-    if (hours === 12) {
-      dayPeriodEnumValue = dayPeriodEnum.noon;
-    } else if (hours === 0) {
-      dayPeriodEnumValue = dayPeriodEnum.midnight;
-    } else {
-      dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
-    }
-    switch (token) {
-      case "b":
-      case "bb":
-        return localize3.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "bbb":
-        return localize3.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        }).toLowerCase();
-      case "bbbbb":
-        return localize3.dayPeriod(dayPeriodEnumValue, {
-          width: "narrow",
-          context: "formatting"
-        });
-      case "bbbb":
-      default:
-        return localize3.dayPeriod(dayPeriodEnumValue, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // in the morning, in the afternoon, in the evening, at night
-  B: function(date, token, localize3) {
-    const hours = date.getHours();
-    let dayPeriodEnumValue;
-    if (hours >= 17) {
-      dayPeriodEnumValue = dayPeriodEnum.evening;
-    } else if (hours >= 12) {
-      dayPeriodEnumValue = dayPeriodEnum.afternoon;
-    } else if (hours >= 4) {
-      dayPeriodEnumValue = dayPeriodEnum.morning;
-    } else {
-      dayPeriodEnumValue = dayPeriodEnum.night;
-    }
-    switch (token) {
-      case "B":
-      case "BB":
-      case "BBB":
-        return localize3.dayPeriod(dayPeriodEnumValue, {
-          width: "abbreviated",
-          context: "formatting"
-        });
-      case "BBBBB":
-        return localize3.dayPeriod(dayPeriodEnumValue, {
-          width: "narrow",
-          context: "formatting"
-        });
-      case "BBBB":
-      default:
-        return localize3.dayPeriod(dayPeriodEnumValue, {
-          width: "wide",
-          context: "formatting"
-        });
-    }
-  },
-  // Hour [1-12]
-  h: function(date, token, localize3) {
-    if (token === "ho") {
-      let hours = date.getHours() % 12;
-      if (hours === 0) hours = 12;
-      return localize3.ordinalNumber(hours, { unit: "hour" });
-    }
-    return lightFormatters.h(date, token);
-  },
-  // Hour [0-23]
-  H: function(date, token, localize3) {
-    if (token === "Ho") {
-      return localize3.ordinalNumber(date.getHours(), { unit: "hour" });
-    }
-    return lightFormatters.H(date, token);
-  },
-  // Hour [0-11]
-  K: function(date, token, localize3) {
-    const hours = date.getHours() % 12;
-    if (token === "Ko") {
-      return localize3.ordinalNumber(hours, { unit: "hour" });
-    }
-    return addLeadingZeros(hours, token.length);
-  },
-  // Hour [1-24]
-  k: function(date, token, localize3) {
-    let hours = date.getHours();
-    if (hours === 0) hours = 24;
-    if (token === "ko") {
-      return localize3.ordinalNumber(hours, { unit: "hour" });
-    }
-    return addLeadingZeros(hours, token.length);
-  },
-  // Minute
-  m: function(date, token, localize3) {
-    if (token === "mo") {
-      return localize3.ordinalNumber(date.getMinutes(), { unit: "minute" });
-    }
-    return lightFormatters.m(date, token);
-  },
-  // Second
-  s: function(date, token, localize3) {
-    if (token === "so") {
-      return localize3.ordinalNumber(date.getSeconds(), { unit: "second" });
-    }
-    return lightFormatters.s(date, token);
-  },
-  // Fraction of second
-  S: function(date, token) {
-    return lightFormatters.S(date, token);
-  },
-  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
-  X: function(date, token, _localize) {
-    const timezoneOffset = date.getTimezoneOffset();
-    if (timezoneOffset === 0) {
-      return "Z";
-    }
-    switch (token) {
-      // Hours and optional minutes
-      case "X":
-        return formatTimezoneWithOptionalMinutes(timezoneOffset);
-      // Hours, minutes and optional seconds without `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XX`
-      case "XXXX":
-      case "XX":
-        return formatTimezone(timezoneOffset);
-      // Hours, minutes and optional seconds with `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `XXX`
-      case "XXXXX":
-      case "XXX":
-      // Hours and minutes with `:` delimiter
-      default:
-        return formatTimezone(timezoneOffset, ":");
-    }
-  },
-  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
-  x: function(date, token, _localize) {
-    const timezoneOffset = date.getTimezoneOffset();
-    switch (token) {
-      // Hours and optional minutes
-      case "x":
-        return formatTimezoneWithOptionalMinutes(timezoneOffset);
-      // Hours, minutes and optional seconds without `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xx`
-      case "xxxx":
-      case "xx":
-        return formatTimezone(timezoneOffset);
-      // Hours, minutes and optional seconds with `:` delimiter
-      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
-      // so this token always has the same output as `xxx`
-      case "xxxxx":
-      case "xxx":
-      // Hours and minutes with `:` delimiter
-      default:
-        return formatTimezone(timezoneOffset, ":");
-    }
-  },
-  // Timezone (GMT)
-  O: function(date, token, _localize) {
-    const timezoneOffset = date.getTimezoneOffset();
-    switch (token) {
-      // Short
-      case "O":
-      case "OO":
-      case "OOO":
-        return "GMT" + formatTimezoneShort(timezoneOffset, ":");
-      // Long
-      case "OOOO":
-      default:
-        return "GMT" + formatTimezone(timezoneOffset, ":");
-    }
-  },
-  // Timezone (specific non-location)
-  z: function(date, token, _localize) {
-    const timezoneOffset = date.getTimezoneOffset();
-    switch (token) {
-      // Short
-      case "z":
-      case "zz":
-      case "zzz":
-        return "GMT" + formatTimezoneShort(timezoneOffset, ":");
-      // Long
-      case "zzzz":
-      default:
-        return "GMT" + formatTimezone(timezoneOffset, ":");
-    }
-  },
-  // Seconds timestamp
-  t: function(date, token, _localize) {
-    const timestamp = Math.trunc(+date / 1e3);
-    return addLeadingZeros(timestamp, token.length);
-  },
-  // Milliseconds timestamp
-  T: function(date, token, _localize) {
-    return addLeadingZeros(+date, token.length);
-  }
-};
-function formatTimezoneShort(offset, delimiter = "") {
-  const sign = offset > 0 ? "-" : "+";
-  const absOffset = Math.abs(offset);
-  const hours = Math.trunc(absOffset / 60);
-  const minutes = absOffset % 60;
-  if (minutes === 0) {
-    return sign + String(hours);
-  }
-  return sign + String(hours) + delimiter + addLeadingZeros(minutes, 2);
-}
-function formatTimezoneWithOptionalMinutes(offset, delimiter) {
-  if (offset % 60 === 0) {
-    const sign = offset > 0 ? "-" : "+";
-    return sign + addLeadingZeros(Math.abs(offset) / 60, 2);
-  }
-  return formatTimezone(offset, delimiter);
-}
-function formatTimezone(offset, delimiter = "") {
-  const sign = offset > 0 ? "-" : "+";
-  const absOffset = Math.abs(offset);
-  const hours = addLeadingZeros(Math.trunc(absOffset / 60), 2);
-  const minutes = addLeadingZeros(absOffset % 60, 2);
-  return sign + hours + delimiter + minutes;
-}
-
-// node_modules/date-fns/_lib/format/longFormatters.js
-var dateLongFormatter = (pattern, formatLong3) => {
-  switch (pattern) {
-    case "P":
-      return formatLong3.date({ width: "short" });
-    case "PP":
-      return formatLong3.date({ width: "medium" });
-    case "PPP":
-      return formatLong3.date({ width: "long" });
-    case "PPPP":
-    default:
-      return formatLong3.date({ width: "full" });
-  }
-};
-var timeLongFormatter = (pattern, formatLong3) => {
-  switch (pattern) {
-    case "p":
-      return formatLong3.time({ width: "short" });
-    case "pp":
-      return formatLong3.time({ width: "medium" });
-    case "ppp":
-      return formatLong3.time({ width: "long" });
-    case "pppp":
-    default:
-      return formatLong3.time({ width: "full" });
-  }
-};
-var dateTimeLongFormatter = (pattern, formatLong3) => {
-  const matchResult = pattern.match(/(P+)(p+)?/) || [];
-  const datePattern = matchResult[1];
-  const timePattern = matchResult[2];
-  if (!timePattern) {
-    return dateLongFormatter(pattern, formatLong3);
-  }
-  let dateTimeFormat;
-  switch (datePattern) {
-    case "P":
-      dateTimeFormat = formatLong3.dateTime({ width: "short" });
-      break;
-    case "PP":
-      dateTimeFormat = formatLong3.dateTime({ width: "medium" });
-      break;
-    case "PPP":
-      dateTimeFormat = formatLong3.dateTime({ width: "long" });
-      break;
-    case "PPPP":
-    default:
-      dateTimeFormat = formatLong3.dateTime({ width: "full" });
-      break;
-  }
-  return dateTimeFormat.replace("{{date}}", dateLongFormatter(datePattern, formatLong3)).replace("{{time}}", timeLongFormatter(timePattern, formatLong3));
-};
-var longFormatters = {
-  p: timeLongFormatter,
-  P: dateTimeLongFormatter
-};
-
-// node_modules/date-fns/_lib/protectedTokens.js
-var dayOfYearTokenRE = /^D+$/;
-var weekYearTokenRE = /^Y+$/;
-var throwTokens = ["D", "DD", "YY", "YYYY"];
-function isProtectedDayOfYearToken(token) {
-  return dayOfYearTokenRE.test(token);
-}
-function isProtectedWeekYearToken(token) {
-  return weekYearTokenRE.test(token);
-}
-function warnOrThrowProtectedError(token, format2, input) {
-  const _message = message(token, format2, input);
-  console.warn(_message);
-  if (throwTokens.includes(token)) throw new RangeError(_message);
-}
-function message(token, format2, input) {
-  const subject = token[0] === "Y" ? "years" : "days of the month";
-  return `Use \`${token.toLowerCase()}\` instead of \`${token}\` (in \`${format2}\`) for formatting ${subject} to the input \`${input}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
-}
-
-// node_modules/date-fns/format.js
-var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
-var longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
-var escapedStringRegExp = /^'([^]*?)'?$/;
-var doubleQuoteRegExp = /''/g;
-var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
-function format(date, formatStr, options) {
-  const defaultOptions2 = getDefaultOptions();
-  const locale = options?.locale ?? defaultOptions2.locale ?? enUS;
-  const firstWeekContainsDate = options?.firstWeekContainsDate ?? options?.locale?.options?.firstWeekContainsDate ?? defaultOptions2.firstWeekContainsDate ?? defaultOptions2.locale?.options?.firstWeekContainsDate ?? 1;
-  const weekStartsOn = options?.weekStartsOn ?? options?.locale?.options?.weekStartsOn ?? defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
-  const originalDate = toDate(date, options?.in);
-  if (!isValid(originalDate)) {
-    throw new RangeError("Invalid time value");
-  }
-  let parts = formatStr.match(longFormattingTokensRegExp).map((substring) => {
-    const firstCharacter = substring[0];
-    if (firstCharacter === "p" || firstCharacter === "P") {
-      const longFormatter = longFormatters[firstCharacter];
-      return longFormatter(substring, locale.formatLong);
-    }
-    return substring;
-  }).join("").match(formattingTokensRegExp).map((substring) => {
-    if (substring === "''") {
-      return { isToken: false, value: "'" };
-    }
-    const firstCharacter = substring[0];
-    if (firstCharacter === "'") {
-      return { isToken: false, value: cleanEscapedString(substring) };
-    }
-    if (formatters[firstCharacter]) {
-      return { isToken: true, value: substring };
-    }
-    if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
-      throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + firstCharacter + "`"
-      );
-    }
-    return { isToken: false, value: substring };
-  });
-  if (locale.localize.preprocessor) {
-    parts = locale.localize.preprocessor(originalDate, parts);
-  }
-  const formatterOptions = {
-    firstWeekContainsDate,
-    weekStartsOn,
-    locale
-  };
-  return parts.map((part) => {
-    if (!part.isToken) return part.value;
-    const token = part.value;
-    if (!options?.useAdditionalWeekYearTokens && isProtectedWeekYearToken(token) || !options?.useAdditionalDayOfYearTokens && isProtectedDayOfYearToken(token)) {
-      warnOrThrowProtectedError(token, formatStr, String(date));
-    }
-    const formatter = formatters[token[0]];
-    return formatter(originalDate, token, locale.localize, formatterOptions);
-  }).join("");
-}
-function cleanEscapedString(input) {
-  const matched = input.match(escapedStringRegExp);
-  if (!matched) {
-    return input;
-  }
-  return matched[1].replace(doubleQuoteRegExp, "'");
-}
-
-// src/DatePicker/DatePickerBasic/DatePickerBasic.tsx
-var import_buddhistEra = __toESM(require_buddhistEra());
-
-// node_modules/date-fns/locale/th/_lib/formatDistance.js
-var formatDistanceLocale2 = {
-  lessThanXSeconds: {
-    one: "\u0E19\u0E49\u0E2D\u0E22\u0E01\u0E27\u0E48\u0E32 1 \u0E27\u0E34\u0E19\u0E32\u0E17\u0E35",
-    other: "\u0E19\u0E49\u0E2D\u0E22\u0E01\u0E27\u0E48\u0E32 {{count}} \u0E27\u0E34\u0E19\u0E32\u0E17\u0E35"
-  },
-  xSeconds: {
-    one: "1 \u0E27\u0E34\u0E19\u0E32\u0E17\u0E35",
-    other: "{{count}} \u0E27\u0E34\u0E19\u0E32\u0E17\u0E35"
-  },
-  halfAMinute: "\u0E04\u0E23\u0E36\u0E48\u0E07\u0E19\u0E32\u0E17\u0E35",
-  lessThanXMinutes: {
-    one: "\u0E19\u0E49\u0E2D\u0E22\u0E01\u0E27\u0E48\u0E32 1 \u0E19\u0E32\u0E17\u0E35",
-    other: "\u0E19\u0E49\u0E2D\u0E22\u0E01\u0E27\u0E48\u0E32 {{count}} \u0E19\u0E32\u0E17\u0E35"
-  },
-  xMinutes: {
-    one: "1 \u0E19\u0E32\u0E17\u0E35",
-    other: "{{count}} \u0E19\u0E32\u0E17\u0E35"
-  },
-  aboutXHours: {
-    one: "\u0E1B\u0E23\u0E30\u0E21\u0E32\u0E13 1 \u0E0A\u0E31\u0E48\u0E27\u0E42\u0E21\u0E07",
-    other: "\u0E1B\u0E23\u0E30\u0E21\u0E32\u0E13 {{count}} \u0E0A\u0E31\u0E48\u0E27\u0E42\u0E21\u0E07"
-  },
-  xHours: {
-    one: "1 \u0E0A\u0E31\u0E48\u0E27\u0E42\u0E21\u0E07",
-    other: "{{count}} \u0E0A\u0E31\u0E48\u0E27\u0E42\u0E21\u0E07"
-  },
-  xDays: {
-    one: "1 \u0E27\u0E31\u0E19",
-    other: "{{count}} \u0E27\u0E31\u0E19"
-  },
-  aboutXWeeks: {
-    one: "\u0E1B\u0E23\u0E30\u0E21\u0E32\u0E13 1 \u0E2A\u0E31\u0E1B\u0E14\u0E32\u0E2B\u0E4C",
-    other: "\u0E1B\u0E23\u0E30\u0E21\u0E32\u0E13 {{count}} \u0E2A\u0E31\u0E1B\u0E14\u0E32\u0E2B\u0E4C"
-  },
-  xWeeks: {
-    one: "1 \u0E2A\u0E31\u0E1B\u0E14\u0E32\u0E2B\u0E4C",
-    other: "{{count}} \u0E2A\u0E31\u0E1B\u0E14\u0E32\u0E2B\u0E4C"
-  },
-  aboutXMonths: {
-    one: "\u0E1B\u0E23\u0E30\u0E21\u0E32\u0E13 1 \u0E40\u0E14\u0E37\u0E2D\u0E19",
-    other: "\u0E1B\u0E23\u0E30\u0E21\u0E32\u0E13 {{count}} \u0E40\u0E14\u0E37\u0E2D\u0E19"
-  },
-  xMonths: {
-    one: "1 \u0E40\u0E14\u0E37\u0E2D\u0E19",
-    other: "{{count}} \u0E40\u0E14\u0E37\u0E2D\u0E19"
-  },
-  aboutXYears: {
-    one: "\u0E1B\u0E23\u0E30\u0E21\u0E32\u0E13 1 \u0E1B\u0E35",
-    other: "\u0E1B\u0E23\u0E30\u0E21\u0E32\u0E13 {{count}} \u0E1B\u0E35"
-  },
-  xYears: {
-    one: "1 \u0E1B\u0E35",
-    other: "{{count}} \u0E1B\u0E35"
-  },
-  overXYears: {
-    one: "\u0E21\u0E32\u0E01\u0E01\u0E27\u0E48\u0E32 1 \u0E1B\u0E35",
-    other: "\u0E21\u0E32\u0E01\u0E01\u0E27\u0E48\u0E32 {{count}} \u0E1B\u0E35"
-  },
-  almostXYears: {
-    one: "\u0E40\u0E01\u0E37\u0E2D\u0E1A 1 \u0E1B\u0E35",
-    other: "\u0E40\u0E01\u0E37\u0E2D\u0E1A {{count}} \u0E1B\u0E35"
-  }
-};
-var formatDistance2 = (token, count, options) => {
-  let result;
-  const tokenValue = formatDistanceLocale2[token];
-  if (typeof tokenValue === "string") {
-    result = tokenValue;
-  } else if (count === 1) {
-    result = tokenValue.one;
-  } else {
-    result = tokenValue.other.replace("{{count}}", String(count));
-  }
-  if (options?.addSuffix) {
-    if (options.comparison && options.comparison > 0) {
-      if (token === "halfAMinute") {
-        return "\u0E43\u0E19" + result;
-      } else {
-        return "\u0E43\u0E19 " + result;
-      }
-    } else {
-      return result + "\u0E17\u0E35\u0E48\u0E1C\u0E48\u0E32\u0E19\u0E21\u0E32";
-    }
-  }
-  return result;
-};
-
-// node_modules/date-fns/locale/th/_lib/formatLong.js
-var dateFormats2 = {
-  full: "\u0E27\u0E31\u0E19EEEE\u0E17\u0E35\u0E48 do MMMM y",
-  long: "do MMMM y",
-  medium: "d MMM y",
-  short: "dd/MM/yyyy"
-};
-var timeFormats2 = {
-  full: "H:mm:ss \u0E19. zzzz",
-  long: "H:mm:ss \u0E19. z",
-  medium: "H:mm:ss \u0E19.",
-  short: "H:mm \u0E19."
-};
-var dateTimeFormats2 = {
-  full: "{{date}} '\u0E40\u0E27\u0E25\u0E32' {{time}}",
-  long: "{{date}} '\u0E40\u0E27\u0E25\u0E32' {{time}}",
-  medium: "{{date}}, {{time}}",
-  short: "{{date}}, {{time}}"
-};
-var formatLong2 = {
-  date: buildFormatLongFn({
-    formats: dateFormats2,
-    defaultWidth: "full"
-  }),
-  time: buildFormatLongFn({
-    formats: timeFormats2,
-    defaultWidth: "medium"
-  }),
-  dateTime: buildFormatLongFn({
-    formats: dateTimeFormats2,
-    defaultWidth: "full"
-  })
-};
-
-// node_modules/date-fns/locale/th/_lib/formatRelative.js
-var formatRelativeLocale2 = {
-  lastWeek: "eeee'\u0E17\u0E35\u0E48\u0E41\u0E25\u0E49\u0E27\u0E40\u0E27\u0E25\u0E32' p",
-  yesterday: "'\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E27\u0E32\u0E19\u0E19\u0E35\u0E49\u0E40\u0E27\u0E25\u0E32' p",
-  today: "'\u0E27\u0E31\u0E19\u0E19\u0E35\u0E49\u0E40\u0E27\u0E25\u0E32' p",
-  tomorrow: "'\u0E1E\u0E23\u0E38\u0E48\u0E07\u0E19\u0E35\u0E49\u0E40\u0E27\u0E25\u0E32' p",
-  nextWeek: "eeee '\u0E40\u0E27\u0E25\u0E32' p",
-  other: "P"
-};
-var formatRelative2 = (token, _date, _baseDate, _options) => formatRelativeLocale2[token];
-
-// node_modules/date-fns/locale/th/_lib/localize.js
-var eraValues2 = {
-  narrow: ["B", "\u0E04\u0E28"],
-  abbreviated: ["BC", "\u0E04.\u0E28."],
-  wide: ["\u0E1B\u0E35\u0E01\u0E48\u0E2D\u0E19\u0E04\u0E23\u0E34\u0E2A\u0E15\u0E01\u0E32\u0E25", "\u0E04\u0E23\u0E34\u0E2A\u0E15\u0E4C\u0E28\u0E31\u0E01\u0E23\u0E32\u0E0A"]
-};
-var quarterValues2 = {
-  narrow: ["1", "2", "3", "4"],
-  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
-  wide: ["\u0E44\u0E15\u0E23\u0E21\u0E32\u0E2A\u0E41\u0E23\u0E01", "\u0E44\u0E15\u0E23\u0E21\u0E32\u0E2A\u0E17\u0E35\u0E48\u0E2A\u0E2D\u0E07", "\u0E44\u0E15\u0E23\u0E21\u0E32\u0E2A\u0E17\u0E35\u0E48\u0E2A\u0E32\u0E21", "\u0E44\u0E15\u0E23\u0E21\u0E32\u0E2A\u0E17\u0E35\u0E48\u0E2A\u0E35\u0E48"]
-};
-var dayValues2 = {
-  narrow: ["\u0E2D\u0E32.", "\u0E08.", "\u0E2D.", "\u0E1E.", "\u0E1E\u0E24.", "\u0E28.", "\u0E2A."],
-  short: ["\u0E2D\u0E32.", "\u0E08.", "\u0E2D.", "\u0E1E.", "\u0E1E\u0E24.", "\u0E28.", "\u0E2A."],
-  abbreviated: ["\u0E2D\u0E32.", "\u0E08.", "\u0E2D.", "\u0E1E.", "\u0E1E\u0E24.", "\u0E28.", "\u0E2A."],
-  wide: ["\u0E2D\u0E32\u0E17\u0E34\u0E15\u0E22\u0E4C", "\u0E08\u0E31\u0E19\u0E17\u0E23\u0E4C", "\u0E2D\u0E31\u0E07\u0E04\u0E32\u0E23", "\u0E1E\u0E38\u0E18", "\u0E1E\u0E24\u0E2B\u0E31\u0E2A\u0E1A\u0E14\u0E35", "\u0E28\u0E38\u0E01\u0E23\u0E4C", "\u0E40\u0E2A\u0E32\u0E23\u0E4C"]
-};
-var monthValues2 = {
-  narrow: [
-    "\u0E21.\u0E04.",
-    "\u0E01.\u0E1E.",
-    "\u0E21\u0E35.\u0E04.",
-    "\u0E40\u0E21.\u0E22.",
-    "\u0E1E.\u0E04.",
-    "\u0E21\u0E34.\u0E22.",
-    "\u0E01.\u0E04.",
-    "\u0E2A.\u0E04.",
-    "\u0E01.\u0E22.",
-    "\u0E15.\u0E04.",
-    "\u0E1E.\u0E22.",
-    "\u0E18.\u0E04."
-  ],
-  abbreviated: [
-    "\u0E21.\u0E04.",
-    "\u0E01.\u0E1E.",
-    "\u0E21\u0E35.\u0E04.",
-    "\u0E40\u0E21.\u0E22.",
-    "\u0E1E.\u0E04.",
-    "\u0E21\u0E34.\u0E22.",
-    "\u0E01.\u0E04.",
-    "\u0E2A.\u0E04.",
-    "\u0E01.\u0E22.",
-    "\u0E15.\u0E04.",
-    "\u0E1E.\u0E22.",
-    "\u0E18.\u0E04."
-  ],
-  wide: [
-    "\u0E21\u0E01\u0E23\u0E32\u0E04\u0E21",
-    "\u0E01\u0E38\u0E21\u0E20\u0E32\u0E1E\u0E31\u0E19\u0E18\u0E4C",
-    "\u0E21\u0E35\u0E19\u0E32\u0E04\u0E21",
-    "\u0E40\u0E21\u0E29\u0E32\u0E22\u0E19",
-    "\u0E1E\u0E24\u0E29\u0E20\u0E32\u0E04\u0E21",
-    "\u0E21\u0E34\u0E16\u0E38\u0E19\u0E32\u0E22\u0E19",
-    "\u0E01\u0E23\u0E01\u0E0E\u0E32\u0E04\u0E21",
-    "\u0E2A\u0E34\u0E07\u0E2B\u0E32\u0E04\u0E21",
-    "\u0E01\u0E31\u0E19\u0E22\u0E32\u0E22\u0E19",
-    "\u0E15\u0E38\u0E25\u0E32\u0E04\u0E21",
-    "\u0E1E\u0E24\u0E28\u0E08\u0E34\u0E01\u0E32\u0E22\u0E19",
-    "\u0E18\u0E31\u0E19\u0E27\u0E32\u0E04\u0E21"
-  ]
-};
-var dayPeriodValues2 = {
-  narrow: {
-    am: "\u0E01\u0E48\u0E2D\u0E19\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    pm: "\u0E2B\u0E25\u0E31\u0E07\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    midnight: "\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07\u0E04\u0E37\u0E19",
-    noon: "\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    morning: "\u0E40\u0E0A\u0E49\u0E32",
-    afternoon: "\u0E1A\u0E48\u0E32\u0E22",
-    evening: "\u0E40\u0E22\u0E47\u0E19",
-    night: "\u0E01\u0E25\u0E32\u0E07\u0E04\u0E37\u0E19"
-  },
-  abbreviated: {
-    am: "\u0E01\u0E48\u0E2D\u0E19\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    pm: "\u0E2B\u0E25\u0E31\u0E07\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    midnight: "\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07\u0E04\u0E37\u0E19",
-    noon: "\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    morning: "\u0E40\u0E0A\u0E49\u0E32",
-    afternoon: "\u0E1A\u0E48\u0E32\u0E22",
-    evening: "\u0E40\u0E22\u0E47\u0E19",
-    night: "\u0E01\u0E25\u0E32\u0E07\u0E04\u0E37\u0E19"
-  },
-  wide: {
-    am: "\u0E01\u0E48\u0E2D\u0E19\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    pm: "\u0E2B\u0E25\u0E31\u0E07\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    midnight: "\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07\u0E04\u0E37\u0E19",
-    noon: "\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    morning: "\u0E40\u0E0A\u0E49\u0E32",
-    afternoon: "\u0E1A\u0E48\u0E32\u0E22",
-    evening: "\u0E40\u0E22\u0E47\u0E19",
-    night: "\u0E01\u0E25\u0E32\u0E07\u0E04\u0E37\u0E19"
-  }
-};
-var formattingDayPeriodValues2 = {
-  narrow: {
-    am: "\u0E01\u0E48\u0E2D\u0E19\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    pm: "\u0E2B\u0E25\u0E31\u0E07\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    midnight: "\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07\u0E04\u0E37\u0E19",
-    noon: "\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    morning: "\u0E15\u0E2D\u0E19\u0E40\u0E0A\u0E49\u0E32",
-    afternoon: "\u0E15\u0E2D\u0E19\u0E01\u0E25\u0E32\u0E07\u0E27\u0E31\u0E19",
-    evening: "\u0E15\u0E2D\u0E19\u0E40\u0E22\u0E47\u0E19",
-    night: "\u0E15\u0E2D\u0E19\u0E01\u0E25\u0E32\u0E07\u0E04\u0E37\u0E19"
-  },
-  abbreviated: {
-    am: "\u0E01\u0E48\u0E2D\u0E19\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    pm: "\u0E2B\u0E25\u0E31\u0E07\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    midnight: "\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07\u0E04\u0E37\u0E19",
-    noon: "\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    morning: "\u0E15\u0E2D\u0E19\u0E40\u0E0A\u0E49\u0E32",
-    afternoon: "\u0E15\u0E2D\u0E19\u0E01\u0E25\u0E32\u0E07\u0E27\u0E31\u0E19",
-    evening: "\u0E15\u0E2D\u0E19\u0E40\u0E22\u0E47\u0E19",
-    night: "\u0E15\u0E2D\u0E19\u0E01\u0E25\u0E32\u0E07\u0E04\u0E37\u0E19"
-  },
-  wide: {
-    am: "\u0E01\u0E48\u0E2D\u0E19\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    pm: "\u0E2B\u0E25\u0E31\u0E07\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    midnight: "\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07\u0E04\u0E37\u0E19",
-    noon: "\u0E40\u0E17\u0E35\u0E48\u0E22\u0E07",
-    morning: "\u0E15\u0E2D\u0E19\u0E40\u0E0A\u0E49\u0E32",
-    afternoon: "\u0E15\u0E2D\u0E19\u0E01\u0E25\u0E32\u0E07\u0E27\u0E31\u0E19",
-    evening: "\u0E15\u0E2D\u0E19\u0E40\u0E22\u0E47\u0E19",
-    night: "\u0E15\u0E2D\u0E19\u0E01\u0E25\u0E32\u0E07\u0E04\u0E37\u0E19"
-  }
-};
-var ordinalNumber2 = (dirtyNumber, _options) => {
-  return String(dirtyNumber);
-};
-var localize2 = {
-  ordinalNumber: ordinalNumber2,
-  era: buildLocalizeFn({
-    values: eraValues2,
-    defaultWidth: "wide"
-  }),
-  quarter: buildLocalizeFn({
-    values: quarterValues2,
-    defaultWidth: "wide",
-    argumentCallback: (quarter) => quarter - 1
-  }),
-  month: buildLocalizeFn({
-    values: monthValues2,
-    defaultWidth: "wide"
-  }),
-  day: buildLocalizeFn({
-    values: dayValues2,
-    defaultWidth: "wide"
-  }),
-  dayPeriod: buildLocalizeFn({
-    values: dayPeriodValues2,
-    defaultWidth: "wide",
-    formattingValues: formattingDayPeriodValues2,
-    defaultFormattingWidth: "wide"
-  })
-};
-
-// node_modules/date-fns/locale/th/_lib/match.js
-var matchOrdinalNumberPattern2 = /^\d+/i;
-var parseOrdinalNumberPattern2 = /\d+/i;
-var matchEraPatterns2 = {
-  narrow: /^([bB]|[aA]|คศ)/i,
-  abbreviated: /^([bB]\.?\s?[cC]\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?|ค\.?ศ\.?)/i,
-  wide: /^(ก่อนคริสตกาล|คริสต์ศักราช|คริสตกาล)/i
-};
-var parseEraPatterns2 = {
-  any: [/^[bB]/i, /^(^[aA]|ค\.?ศ\.?|คริสตกาล|คริสต์ศักราช|)/i]
-};
-var matchQuarterPatterns2 = {
-  narrow: /^[1234]/i,
-  abbreviated: /^q[1234]/i,
-  wide: /^ไตรมาส(ที่)? ?[1234]/i
-};
-var parseQuarterPatterns2 = {
-  any: [/(1|แรก|หนึ่ง)/i, /(2|สอง)/i, /(3|สาม)/i, /(4|สี่)/i]
-};
-var matchMonthPatterns2 = {
-  narrow: /^(ม\.?ค\.?|ก\.?พ\.?|มี\.?ค\.?|เม\.?ย\.?|พ\.?ค\.?|มิ\.?ย\.?|ก\.?ค\.?|ส\.?ค\.?|ก\.?ย\.?|ต\.?ค\.?|พ\.?ย\.?|ธ\.?ค\.?)/i,
-  abbreviated: /^(ม\.?ค\.?|ก\.?พ\.?|มี\.?ค\.?|เม\.?ย\.?|พ\.?ค\.?|มิ\.?ย\.?|ก\.?ค\.?|ส\.?ค\.?|ก\.?ย\.?|ต\.?ค\.?|พ\.?ย\.?|ธ\.?ค\.?')/i,
-  wide: /^(มกราคม|กุมภาพันธ์|มีนาคม|เมษายน|พฤษภาคม|มิถุนายน|กรกฎาคม|สิงหาคม|กันยายน|ตุลาคม|พฤศจิกายน|ธันวาคม)/i
-};
-var parseMonthPatterns2 = {
-  wide: [
-    /^มก/i,
-    /^กุม/i,
-    /^มี/i,
-    /^เม/i,
-    /^พฤษ/i,
-    /^มิ/i,
-    /^กรก/i,
-    /^ส/i,
-    /^กัน/i,
-    /^ต/i,
-    /^พฤศ/i,
-    /^ธ/i
-  ],
-  any: [
-    /^ม\.?ค\.?/i,
-    /^ก\.?พ\.?/i,
-    /^มี\.?ค\.?/i,
-    /^เม\.?ย\.?/i,
-    /^พ\.?ค\.?/i,
-    /^มิ\.?ย\.?/i,
-    /^ก\.?ค\.?/i,
-    /^ส\.?ค\.?/i,
-    /^ก\.?ย\.?/i,
-    /^ต\.?ค\.?/i,
-    /^พ\.?ย\.?/i,
-    /^ธ\.?ค\.?/i
-  ]
-};
-var matchDayPatterns2 = {
-  narrow: /^(อา\.?|จ\.?|อ\.?|พฤ\.?|พ\.?|ศ\.?|ส\.?)/i,
-  short: /^(อา\.?|จ\.?|อ\.?|พฤ\.?|พ\.?|ศ\.?|ส\.?)/i,
-  abbreviated: /^(อา\.?|จ\.?|อ\.?|พฤ\.?|พ\.?|ศ\.?|ส\.?)/i,
-  wide: /^(อาทิตย์|จันทร์|อังคาร|พุธ|พฤหัสบดี|ศุกร์|เสาร์)/i
-};
-var parseDayPatterns2 = {
-  wide: [/^อา/i, /^จั/i, /^อั/i, /^พุธ/i, /^พฤ/i, /^ศ/i, /^เส/i],
-  any: [/^อา/i, /^จ/i, /^อ/i, /^พ(?!ฤ)/i, /^พฤ/i, /^ศ/i, /^ส/i]
-};
-var matchDayPeriodPatterns2 = {
-  any: /^(ก่อนเที่ยง|หลังเที่ยง|เที่ยงคืน|เที่ยง|(ตอน.*?)?.*(เที่ยง|เช้า|บ่าย|เย็น|กลางคืน))/i
-};
-var parseDayPeriodPatterns2 = {
-  any: {
-    am: /^ก่อนเที่ยง/i,
-    pm: /^หลังเที่ยง/i,
-    midnight: /^เที่ยงคืน/i,
-    noon: /^เที่ยง/i,
-    morning: /เช้า/i,
-    afternoon: /บ่าย/i,
-    evening: /เย็น/i,
-    night: /กลางคืน/i
-  }
-};
-var match2 = {
-  ordinalNumber: buildMatchPatternFn({
-    matchPattern: matchOrdinalNumberPattern2,
-    parsePattern: parseOrdinalNumberPattern2,
-    valueCallback: (value) => parseInt(value, 10)
-  }),
-  era: buildMatchFn({
-    matchPatterns: matchEraPatterns2,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseEraPatterns2,
-    defaultParseWidth: "any"
-  }),
-  quarter: buildMatchFn({
-    matchPatterns: matchQuarterPatterns2,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseQuarterPatterns2,
-    defaultParseWidth: "any",
-    valueCallback: (index) => index + 1
-  }),
-  month: buildMatchFn({
-    matchPatterns: matchMonthPatterns2,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseMonthPatterns2,
-    defaultParseWidth: "any"
-  }),
-  day: buildMatchFn({
-    matchPatterns: matchDayPatterns2,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseDayPatterns2,
-    defaultParseWidth: "any"
-  }),
-  dayPeriod: buildMatchFn({
-    matchPatterns: matchDayPeriodPatterns2,
-    defaultMatchWidth: "any",
-    parsePatterns: parseDayPeriodPatterns2,
-    defaultParseWidth: "any"
-  })
-};
-
-// node_modules/date-fns/locale/th.js
-var th = {
-  code: "th",
-  formatDistance: formatDistance2,
-  formatLong: formatLong2,
-  formatRelative: formatRelative2,
-  localize: localize2,
-  match: match2,
-  options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
-  }
-};
-
-// src/DatePicker/convertToBuddhist.ts
-import th2 from "antd/es/date-picker/locale/th_TH";
-var buddhistLocale = {
-  ...th2,
-  lang: {
-    ...th2.lang,
-    fieldDateFormat: "BBBB-MM-DD",
-    fieldDateTimeFormat: "BBBB-MM-DD HH:mm:ss",
-    yearFormat: "BBBB",
-    cellYearFormat: "BBBB"
-  }
-};
-
-// src/DatePicker/DatePickerBasic/DatePickerBasic.tsx
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
-import_dayjs.default.extend(import_buddhistEra.default);
 function DatePickerBasic({
   value,
   onChange,
   required,
-  label,
+  title,
+  bottomText,
   error,
   placeholder = "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48",
   disabled,
@@ -3202,6 +1301,8 @@ function DatePickerBasic({
   className,
   size
 }) {
+  const dateFormat = "DD/MM/YYYY";
+  import_dayjs.default.locale("th_TH");
   return /* @__PURE__ */ jsx21(
     ConfigProvider5,
     {
@@ -3214,52 +1315,52 @@ function DatePickerBasic({
       },
       children: /* @__PURE__ */ jsxs17("div", { className: "container-input", children: [
         /* @__PURE__ */ jsxs17("div", { children: [
-          /* @__PURE__ */ jsx21("span", { className: "body-1", children: label }),
+          /* @__PURE__ */ jsx21("span", { className: "body-1", children: title }),
+          " ",
           required && /* @__PURE__ */ jsx21("span", { className: "text-red-500", children: "*" })
         ] }),
         /* @__PURE__ */ jsx21(
           DatePicker,
           {
             className: `body-1 w-full ${className ?? ""}`,
-            value: value ? (0, import_dayjs.default)(value) : null,
+            value,
             placeholder,
-            onChange: (date) => {
-              onChange(date ? date.toDate() : null);
-            },
+            onChange,
             allowClear: true,
             disabled,
-            format: (date) => date ? format(date.toDate(), "dd/MM/yyyy", { locale: th }).replace(
-              /\d{4}$/,
-              (y) => String(parseInt(y) + 543)
-            ) : "",
-            defaultValue: defaultValue ? (0, import_dayjs.default)(defaultValue) : null,
-            disabledDate: (d) => disabledDate ? disabledDate(d.toDate()) : false,
-            minDate: minDate ? (0, import_dayjs.default)(minDate) : void 0,
-            maxDate: maxDate ? (0, import_dayjs.default)(maxDate) : void 0,
-            size,
-            locale: buddhistLocale
+            format: dateFormat,
+            defaultValue,
+            minDate,
+            maxDate,
+            disabledDate,
+            size
           }
         ),
-        error && /* @__PURE__ */ jsx21("p", { className: "text-red-500 caption-1", children: error })
+        /* @__PURE__ */ jsxs17("div", { children: [
+          /* @__PURE__ */ jsx21("p", { className: "caption-1 text-gray-500", children: bottomText }),
+          " ",
+          error && /* @__PURE__ */ jsx21("p", { className: "caption-1 text-red-500 ", children: error })
+        ] })
       ] })
     }
   );
 }
 
 // src/DatePicker/DatePickerRangePicker/DatePickerRangePicker.tsx
-var import_th2 = __toESM(require_th());
+var import_th3 = __toESM(require_th());
+var import_customParseFormat = __toESM(require_customParseFormat());
 var import_dayjs2 = __toESM(require_dayjs_min());
-var import_buddhistEra2 = __toESM(require_buddhistEra());
 import { ConfigProvider as ConfigProvider6, DatePicker as DatePicker2 } from "antd";
 import thTH2 from "antd/locale/th_TH";
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
-import_dayjs2.default.extend(import_buddhistEra2.default);
+import_dayjs2.default.extend(import_customParseFormat.default);
 function DatePickerRangePicker({
   value,
   onChange,
   placeholder = ["\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19", "\u0E2A\u0E34\u0E49\u0E19\u0E2A\u0E38\u0E14"],
-  label,
+  title,
   required,
+  bottomText,
   error,
   disabled,
   minDate,
@@ -3270,6 +1371,8 @@ function DatePickerRangePicker({
   onOpenChange,
   onCalendarChange
 }) {
+  const dateFormat = "DD/MM/YYYY";
+  import_dayjs2.default.locale("th_TH");
   return /* @__PURE__ */ jsx22(
     ConfigProvider6,
     {
@@ -3282,73 +1385,47 @@ function DatePickerRangePicker({
       },
       children: /* @__PURE__ */ jsxs18("div", { className: "container-input", children: [
         /* @__PURE__ */ jsxs18("div", { children: [
-          /* @__PURE__ */ jsx22("span", { className: "body-1", children: label }),
+          /* @__PURE__ */ jsx22("span", { className: "body-1", children: title }),
           " ",
           required && /* @__PURE__ */ jsx22("span", { className: "text-red-500", children: "*" })
         ] }),
         /* @__PURE__ */ jsx22(
           DatePicker2.RangePicker,
           {
-            format: (date) => date ? format(date.toDate(), "dd/MM/yyyy", { locale: th }).replace(
-              /\d{4}$/,
-              (y) => String(parseInt(y) + 543)
-            ) : "",
-            value: value ? [
-              value[0] ? (0, import_dayjs2.default)(value[0]) : null,
-              value[1] ? (0, import_dayjs2.default)(value[1]) : null
-            ] : null,
+            format: dateFormat,
+            value,
             placeholder,
             className: `body-1 w-full ${className ?? ""}`,
-            onChange: (dates, dateStrings) => {
-              if (!dates) {
-                onChange(null);
-              } else {
-                onChange([
-                  dates[0] ? dates[0].toDate() : null,
-                  dates[1] ? dates[1].toDate() : null
-                ]);
-              }
-            },
+            onChange,
             allowClear: true,
             disabled,
-            disabledDate: (d) => disabledDate ? disabledDate(d.toDate()) : false,
-            minDate: minDate ? (0, import_dayjs2.default)(minDate) : void 0,
-            maxDate: maxDate ? (0, import_dayjs2.default)(maxDate) : void 0,
+            minDate,
+            maxDate,
+            disabledDate,
             size,
             onOpenChange,
-            onCalendarChange: (dates, dateStrings, info) => {
-              if (!dates) {
-                onCalendarChange?.([null, null], dateStrings, info);
-              } else {
-                onCalendarChange?.(
-                  [
-                    dates[0] ? dates[0].toDate() : null,
-                    dates[1] ? dates[1].toDate() : null
-                  ],
-                  dateStrings,
-                  info
-                );
-              }
-            },
-            locale: buddhistLocale
+            onCalendarChange
           }
         ),
-        error && /* @__PURE__ */ jsx22("p", { className: "text-red-500 caption-1", children: error })
+        /* @__PURE__ */ jsxs18("div", { children: [
+          /* @__PURE__ */ jsx22("p", { className: "caption-1 text-gray-500", children: bottomText }),
+          " ",
+          error && /* @__PURE__ */ jsx22("p", { className: "caption-1 text-red-500 ", children: error })
+        ] })
       ] })
     }
   );
 }
 
 // src/TimePicker/TimePickerBasic/TimePickerBasic.tsx
-var import_dayjs3 = __toESM(require_dayjs_min());
 import { ConfigProvider as ConfigProvider7, TimePicker } from "antd";
-import thTH3 from "antd/locale/th_TH";
 import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function TimePickerBasic({
   value,
   onChange,
   required,
-  label,
+  title,
+  bottomText,
   error,
   placeholder,
   disabled,
@@ -3357,7 +1434,6 @@ function TimePickerBasic({
   return /* @__PURE__ */ jsx23(
     ConfigProvider7,
     {
-      locale: thTH3,
       theme: {
         token: {
           fontFamily: "Kanit"
@@ -3365,7 +1441,7 @@ function TimePickerBasic({
       },
       children: /* @__PURE__ */ jsxs19("div", { className: "container-input", children: [
         /* @__PURE__ */ jsxs19("div", { children: [
-          /* @__PURE__ */ jsx23("span", { className: "body-1", children: label }),
+          /* @__PURE__ */ jsx23("span", { className: "body-1", children: title }),
           " ",
           required && /* @__PURE__ */ jsx23("span", { className: "text-red-500", children: "*" })
         ] }),
@@ -3374,32 +1450,33 @@ function TimePickerBasic({
           {
             format: "HH:mm",
             className: `body-1 w-full ${className ?? ""}`,
-            value: value ? (0, import_dayjs3.default)(value) : null,
+            value,
             placeholder,
-            onChange: (time) => {
-              onChange(time ? time.toDate() : null);
-            },
+            onChange,
             allowClear: true,
             disabled
           }
         ),
-        error && /* @__PURE__ */ jsx23("p", { className: "text-red-500 caption-1", children: error })
+        /* @__PURE__ */ jsxs19("div", { children: [
+          /* @__PURE__ */ jsx23("p", { className: "caption-1 text-gray-500", children: bottomText }),
+          " ",
+          error && /* @__PURE__ */ jsx23("p", { className: "caption-1 text-red-500 ", children: error })
+        ] })
       ] })
     }
   );
 }
 
 // src/TimePicker/TimePickerRangePicker/TimerPickerRangePicker.tsx
-var import_dayjs4 = __toESM(require_dayjs_min());
 import { ConfigProvider as ConfigProvider8, TimePicker as TimePicker2 } from "antd";
-import thTH4 from "antd/locale/th_TH";
 import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function TimePickerRangePicker({
   value,
   onChange,
   placeholder = ["\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19", "\u0E2A\u0E34\u0E49\u0E19\u0E2A\u0E38\u0E14"],
-  label,
+  title,
   required,
+  bottomText,
   error,
   disabled,
   className
@@ -3407,7 +1484,6 @@ function TimePickerRangePicker({
   return /* @__PURE__ */ jsx24(
     ConfigProvider8,
     {
-      locale: thTH4,
       theme: {
         token: {
           fontFamily: "Kanit"
@@ -3415,7 +1491,7 @@ function TimePickerRangePicker({
       },
       children: /* @__PURE__ */ jsxs20("div", { className: "container-input", children: [
         /* @__PURE__ */ jsxs20("div", { children: [
-          /* @__PURE__ */ jsx24("span", { className: "body-1", children: label }),
+          /* @__PURE__ */ jsx24("span", { className: "body-1", children: title }),
           " ",
           required && /* @__PURE__ */ jsx24("span", { className: "text-red-500", children: "*" })
         ] }),
@@ -3423,28 +1499,19 @@ function TimePickerRangePicker({
           TimePicker2.RangePicker,
           {
             format: "HH:mm",
-            value: value ? [
-              value[0] ? (0, import_dayjs4.default)(value[0]) : null,
-              value[1] ? (0, import_dayjs4.default)(value[1]) : null
-            ] : null,
+            value,
             placeholder,
             className: `body-1 w-full ${className ?? ""}`,
-            onChange: (dates, dateStrings) => {
-              if (!dates) {
-                onChange(null);
-              } else {
-                onChange([
-                  dates[0] ? dates[0].toDate() : null,
-                  dates[1] ? dates[1].toDate() : null
-                ]);
-              }
-            },
+            onChange,
             allowClear: true,
-            disabled,
-            showNow: true
+            disabled
           }
         ),
-        error && /* @__PURE__ */ jsx24("p", { className: "text-red-500 caption-1", children: error })
+        /* @__PURE__ */ jsxs20("div", { children: [
+          /* @__PURE__ */ jsx24("p", { className: "caption-1 text-gray-500", children: bottomText }),
+          " ",
+          error && /* @__PURE__ */ jsx24("p", { className: "caption-1 text-red-500 ", children: error })
+        ] })
       ] })
     }
   );
@@ -3494,13 +1561,13 @@ function _defineProperty(e, r, t) {
 // node_modules/@ant-design/fast-color/es/FastColor.js
 var round = Math.round;
 function splitColorStr(str, parseNum) {
-  const match3 = str.replace(/^[^(]*\((.*)/, "$1").replace(/\).*/, "").match(/\d*\.?\d+%?/g) || [];
-  const numList = match3.map((item) => parseFloat(item));
+  const match = str.replace(/^[^(]*\((.*)/, "$1").replace(/\).*/, "").match(/\d*\.?\d+%?/g) || [];
+  const numList = match.map((item) => parseFloat(item));
   for (let i = 0; i < 3; i += 1) {
-    numList[i] = parseNum(numList[i] || 0, match3[i] || "", i);
+    numList[i] = parseNum(numList[i] || 0, match[i] || "", i);
   }
-  if (match3[3]) {
-    numList[3] = match3[3].includes("%") ? numList[3] / 100 : numList[3];
+  if (match[3]) {
+    numList[3] = match[3].includes("%") ? numList[3] / 100 : numList[3];
   } else {
     numList[3] = 1;
   }
@@ -4164,11 +2231,10 @@ function genPresets(presets = presetPalettes) {
 function ColorPalettePickerBasic({
   value,
   onChange,
-  require: require2,
+  required,
   title,
   bottomText,
-  showError,
-  errorMessage,
+  error,
   disabled,
   allowClear,
   defaultFormat,
@@ -4195,7 +2261,7 @@ function ColorPalettePickerBasic({
         /* @__PURE__ */ jsxs21("div", { children: [
           /* @__PURE__ */ jsx25("span", { className: "body-1", children: title }),
           " ",
-          require2 && /* @__PURE__ */ jsx25("span", { className: "text-red-500", children: "*" })
+          required && /* @__PURE__ */ jsx25("span", { className: "text-red-500", children: "*" })
         ] }),
         /* @__PURE__ */ jsx25(
           ColorPicker2,
@@ -4225,7 +2291,7 @@ function ColorPalettePickerBasic({
         /* @__PURE__ */ jsxs21("div", { children: [
           /* @__PURE__ */ jsx25("p", { className: "caption-1 text-gray-500", children: bottomText }),
           " ",
-          showError && /* @__PURE__ */ jsx25("p", { className: "caption-1 text-red-500 ", children: errorMessage })
+          error && /* @__PURE__ */ jsx25("p", { className: "caption-1 text-red-500 ", children: error })
         ] })
       ] })
     }
@@ -4240,10 +2306,9 @@ function SelectField({
   onChange,
   placeholder = "\u0E42\u0E1B\u0E23\u0E14\u0E23\u0E30\u0E1A\u0E38",
   title,
-  require: require2,
+  required,
   bottomText,
-  showError,
-  errorMessage,
+  error,
   disabled,
   defaultValue,
   options,
@@ -4267,7 +2332,7 @@ function SelectField({
         /* @__PURE__ */ jsxs22("div", { children: [
           /* @__PURE__ */ jsx26("span", { className: "body-1", children: title }),
           " ",
-          require2 && /* @__PURE__ */ jsx26("span", { className: "text-red-500", children: "*" })
+          required && /* @__PURE__ */ jsx26("span", { className: "text-red-500", children: "*" })
         ] }),
         /* @__PURE__ */ jsx26(
           Select,
@@ -4284,7 +2349,19 @@ function SelectField({
             options,
             mode,
             onSearch: handleSearch,
-            prefix: prefix ? /* @__PURE__ */ jsx26("span", { style: { width: prefixSize, height: prefixSize, display: "flex", alignItems: "center", justifyContent: "center" }, children: prefix }) : void 0,
+            prefix: prefix ? /* @__PURE__ */ jsx26(
+              "span",
+              {
+                style: {
+                  width: prefixSize,
+                  height: prefixSize,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center"
+                },
+                children: prefix
+              }
+            ) : void 0,
             allowClear: true,
             onClear
           }
@@ -4292,7 +2369,7 @@ function SelectField({
         /* @__PURE__ */ jsxs22("div", { children: [
           /* @__PURE__ */ jsx26("p", { className: "caption-1 text-gray-500", children: bottomText }),
           " ",
-          showError && /* @__PURE__ */ jsx26("p", { className: "caption-1 text-red-500 ", children: errorMessage })
+          error && /* @__PURE__ */ jsx26("p", { className: "caption-1 text-red-500 ", children: error })
         ] })
       ] })
     }
@@ -4307,10 +2384,9 @@ function SelectFieldGroup({
   onChange,
   placeholder = "\u0E42\u0E1B\u0E23\u0E14\u0E23\u0E30\u0E1A\u0E38",
   title,
-  require: require2,
+  required,
   bottomText,
-  showError,
-  errorMessage,
+  error,
   disabled,
   defaultValue,
   options,
@@ -4332,7 +2408,7 @@ function SelectFieldGroup({
         /* @__PURE__ */ jsxs23("div", { children: [
           /* @__PURE__ */ jsx27("span", { className: "body-1", children: title }),
           " ",
-          require2 && /* @__PURE__ */ jsx27("span", { className: "text-red-500", children: "*" })
+          required && /* @__PURE__ */ jsx27("span", { className: "text-red-500", children: "*" })
         ] }),
         /* @__PURE__ */ jsx27(
           Select2,
@@ -4368,7 +2444,7 @@ function SelectFieldGroup({
         /* @__PURE__ */ jsxs23("div", { children: [
           /* @__PURE__ */ jsx27("p", { className: "caption-1 text-gray-500", children: bottomText }),
           " ",
-          showError && /* @__PURE__ */ jsx27("p", { className: "caption-1 text-red-500 ", children: errorMessage })
+          error && /* @__PURE__ */ jsx27("p", { className: "caption-1 text-red-500 ", children: error })
         ] })
       ] })
     }
@@ -4395,11 +2471,10 @@ function SelectFieldStatus({
   onChange,
   placeholder,
   title,
-  require: require2,
+  required,
   bottomText,
   disabled,
-  showError,
-  errorMessage,
+  error,
   options,
   className
 }) {
@@ -4424,7 +2499,7 @@ function SelectFieldStatus({
         /* @__PURE__ */ jsxs24("div", { children: [
           /* @__PURE__ */ jsx28("span", { className: "body-1", children: title }),
           " ",
-          require2 && /* @__PURE__ */ jsx28("span", { className: "text-red-500", children: "*" })
+          required && /* @__PURE__ */ jsx28("span", { className: "text-red-500", children: "*" })
         ] }),
         /* @__PURE__ */ jsx28(
           Select3,
@@ -4444,7 +2519,7 @@ function SelectFieldStatus({
         /* @__PURE__ */ jsxs24("div", { children: [
           /* @__PURE__ */ jsx28("p", { className: "caption-1 text-gray-500", children: bottomText }),
           " ",
-          showError && /* @__PURE__ */ jsx28("p", { className: "caption-1 text-red-500 ", children: errorMessage })
+          error && /* @__PURE__ */ jsx28("p", { className: "caption-1 text-red-500 ", children: error })
         ] })
       ] })
     }
@@ -4468,11 +2543,10 @@ function SelectFieldStatusReport({
   onChange,
   placeholder,
   title,
-  require: require2,
+  required,
   bottomText,
   disabled,
-  showError,
-  errorMessage,
+  error,
   className,
   options
 }) {
@@ -4497,7 +2571,7 @@ function SelectFieldStatusReport({
         /* @__PURE__ */ jsxs25("div", { children: [
           /* @__PURE__ */ jsx29("span", { className: "body-1", children: title }),
           " ",
-          require2 && /* @__PURE__ */ jsx29("span", { className: "text-red-500", children: "*" })
+          required && /* @__PURE__ */ jsx29("span", { className: "text-red-500", children: "*" })
         ] }),
         /* @__PURE__ */ jsx29(
           Select4,
@@ -4517,7 +2591,7 @@ function SelectFieldStatusReport({
         /* @__PURE__ */ jsxs25("div", { children: [
           /* @__PURE__ */ jsx29("p", { className: "caption-1 text-gray-500", children: bottomText }),
           " ",
-          showError && /* @__PURE__ */ jsx29("p", { className: "caption-1 text-red-500 ", children: errorMessage })
+          error && /* @__PURE__ */ jsx29("p", { className: "caption-1 text-red-500 ", children: error })
         ] })
       ] })
     }
@@ -4530,12 +2604,11 @@ import { useState as useState6 } from "react";
 import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 function SelectFieldTag({
   title,
-  require: require2,
+  required,
   bottomText,
   placeholder,
   options,
-  showError,
-  errorMessage,
+  error,
   value: controlledValue,
   className,
   onChange,
@@ -4574,7 +2647,7 @@ function SelectFieldTag({
         /* @__PURE__ */ jsxs26("div", { children: [
           /* @__PURE__ */ jsx30("span", { className: "body-1", children: title }),
           " ",
-          require2 && /* @__PURE__ */ jsx30("span", { className: "text-red-500", children: "*" })
+          required && /* @__PURE__ */ jsx30("span", { className: "text-red-500", children: "*" })
         ] }),
         /* @__PURE__ */ jsx30(
           Select5,
@@ -4598,7 +2671,7 @@ function SelectFieldTag({
         /* @__PURE__ */ jsxs26("div", { children: [
           /* @__PURE__ */ jsx30("p", { className: "caption-1 text-gray-500", children: bottomText }),
           " ",
-          showError && /* @__PURE__ */ jsx30("p", { className: "caption-1 text-red-500 ", children: errorMessage })
+          error && /* @__PURE__ */ jsx30("p", { className: "caption-1 text-red-500 ", children: error })
         ] })
       ] })
     }
@@ -4614,11 +2687,10 @@ function SelectCustom({
   title = "\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E42\u0E04\u0E23\u0E07\u0E01\u0E32\u0E23",
   placeholder = "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E40\u0E25\u0E37\u0E2D\u0E01",
   options,
-  require: require2 = false,
+  required = false,
   onChange,
   bottomText,
-  showError,
-  errorMessage,
+  error,
   onClear
 }) {
   const [value, setValue] = useState7([]);
@@ -4653,7 +2725,7 @@ function SelectCustom({
         /* @__PURE__ */ jsxs27("div", { children: [
           /* @__PURE__ */ jsx31("span", { className: "body-1", children: title }),
           " ",
-          require2 && /* @__PURE__ */ jsx31("span", { className: "text-red-500", children: "*" })
+          required && /* @__PURE__ */ jsx31("span", { className: "text-red-500", children: "*" })
         ] }),
         /* @__PURE__ */ jsx31(
           Select6,
@@ -4669,31 +2741,18 @@ function SelectCustom({
         /* @__PURE__ */ jsxs27("div", { children: [
           /* @__PURE__ */ jsx31("p", { className: "caption-1 text-gray-500", children: bottomText }),
           " ",
-          showError && /* @__PURE__ */ jsx31("p", { className: "caption-1 text-red-500 ", children: errorMessage })
+          error && /* @__PURE__ */ jsx31("p", { className: "caption-1 text-red-500 ", children: error })
         ] }),
-        /* @__PURE__ */ jsx31("div", { className: "w-full p-[2px] overflow-y-auto", children: valueList.map((v, index) => /* @__PURE__ */ jsxs27(
-          "div",
-          {
-            className: "flex justify-between items-center py-[2px] body-1",
-            children: [
-              /* @__PURE__ */ jsxs27("div", { className: "flex flex-row gap-[8px]", children: [
-                /* @__PURE__ */ jsxs27("p", { children: [
-                  index + 1,
-                  "."
-                ] }),
-                /* @__PURE__ */ jsx31("p", { children: v })
-              ] }),
-              /* @__PURE__ */ jsx31(
-                IconTrash,
-                {
-                  className: "cursor-pointer",
-                  onClick: () => handleDelete(v)
-                }
-              )
-            ]
-          },
-          index
-        )) })
+        /* @__PURE__ */ jsx31("div", { className: "w-full p-[2px] overflow-y-auto", children: valueList.map((v, index) => /* @__PURE__ */ jsxs27("div", { className: "flex justify-between items-center py-[2px] body-1", children: [
+          /* @__PURE__ */ jsxs27("div", { className: "flex flex-row gap-[8px]", children: [
+            /* @__PURE__ */ jsxs27("p", { children: [
+              index + 1,
+              "."
+            ] }),
+            /* @__PURE__ */ jsx31("p", { children: v })
+          ] }),
+          /* @__PURE__ */ jsx31(IconTrash, { className: "cursor-pointer", onClick: () => handleDelete(v) })
+        ] }, index)) })
       ] })
     }
   );
@@ -5131,7 +3190,7 @@ function ProgressBar({
 }
 
 // src/KpiSection/KpiSection.tsx
-import { ConfigProvider as ConfigProvider20, message as message2 } from "antd";
+import { ConfigProvider as ConfigProvider20, message } from "antd";
 import { useEffect as useEffect3, useState as useState12 } from "react";
 
 // src/KpiSection/hooks/useGetKpiSection.ts
@@ -5281,13 +3340,7 @@ function useGetKpiSection() {
 }
 
 // src/KpiSection/KpiSection.tsx
-import {
-  IconCheck as IconCheck2,
-  IconCirclePlus,
-  IconPencil,
-  IconTrash as IconTrash3,
-  IconX as IconX2
-} from "@tabler/icons-react";
+import { IconCheck as IconCheck2, IconCirclePlus, IconPencil, IconTrash as IconTrash3, IconX as IconX2 } from "@tabler/icons-react";
 import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
 function KpiSection({ type, onChangeKpiList }) {
   const {
@@ -5308,7 +3361,7 @@ function KpiSection({ type, onChangeKpiList }) {
     itemErrors,
     setItemErrors
   } = useGetKpiSection();
-  const [messageApi2, messageContainer] = message2.useMessage();
+  const [messageApi2, messageContainer] = message.useMessage();
   const [hasShownError, setHasShownError] = useState12(false);
   useEffect3(() => {
     setMessageApi(messageApi2);
@@ -5337,11 +3390,10 @@ function KpiSection({ type, onChangeKpiList }) {
                 value: nameKpi,
                 title: "\u0E0A\u0E37\u0E48\u0E2D\u0E1C\u0E25\u0E25\u0E31\u0E1E\u0E18\u0E4C\u0E17\u0E35\u0E48\u0E04\u0E32\u0E14\u0E2B\u0E27\u0E31\u0E07 (KPI)",
                 placeholder: "\u0E42\u0E1B\u0E23\u0E14\u0E23\u0E30\u0E1A\u0E38",
-                require: true,
+                required: true,
                 onChange: (value) => setNameKpi(value ?? ""),
                 className: "h-[32px]",
-                showError: !!errors.nameKpi,
-                errorMessage: errors.nameKpi
+                error: errors.nameKpi
               }
             ),
             /* @__PURE__ */ jsx37(
@@ -5350,7 +3402,7 @@ function KpiSection({ type, onChangeKpiList }) {
                 value: kpiValue,
                 title: "\u0E1C\u0E25\u0E25\u0E31\u0E1E\u0E18\u0E4C\u0E17\u0E35\u0E48\u0E04\u0E32\u0E14\u0E2B\u0E27\u0E31\u0E07 (KPI)",
                 placeholder: "\u0E42\u0E1B\u0E23\u0E14\u0E23\u0E30\u0E1A\u0E38",
-                require: true,
+                required: true,
                 onChange: (value) => {
                   if (value === void 0 || value === "") {
                     setKpiValue("");
@@ -5365,8 +3417,7 @@ function KpiSection({ type, onChangeKpiList }) {
                     }
                   }
                 },
-                showError: !!errors.kpiValue,
-                errorMessage: errors.kpiValue
+                error: errors.kpiValue
               }
             ),
             /* @__PURE__ */ jsx37(
@@ -5375,27 +3426,20 @@ function KpiSection({ type, onChangeKpiList }) {
                 value: unitValue,
                 title: "\u0E2B\u0E19\u0E48\u0E27\u0E22",
                 placeholder: "\u0E42\u0E1B\u0E23\u0E14\u0E23\u0E30\u0E1A\u0E38",
-                require: true,
+                required: true,
                 onChange: (value) => setUnitValue(value ?? ""),
                 className: "h-[32px]",
-                showError: !!errors.unitValue,
-                errorMessage: errors.unitValue
+                error: errors.unitValue
               }
             ),
-            /* @__PURE__ */ jsx37(
-              "div",
+            /* @__PURE__ */ jsx37("div", { className: `flex justify-end mt-[28px]`, children: /* @__PURE__ */ jsx37(
+              IconCirclePlus,
               {
-                className: `flex justify-end mt-[28px]`,
-                children: /* @__PURE__ */ jsx37(
-                  IconCirclePlus,
-                  {
-                    className: "w-[40px] h-[40px] cursor-pointer hover:scale-110 transition",
-                    stroke: 1,
-                    onClick: () => handleAddKpi(type)
-                  }
-                )
+                className: "w-[40px] h-[40px] cursor-pointer hover:scale-110 transition",
+                stroke: 1,
+                onClick: () => handleAddKpi(type)
               }
-            )
+            ) })
           ] }),
           /* @__PURE__ */ jsx37("div", { children: kpiList.map((kpi, index) => /* @__PURE__ */ jsxs32(
             "div",
@@ -5412,12 +3456,9 @@ function KpiSection({ type, onChangeKpiList }) {
                     {
                       value: kpi.name,
                       onChange: (value) => setKpiList(
-                        (prev) => prev.map(
-                          (item) => item.id === kpi.id ? { ...item, name: value ?? "" } : item
-                        )
+                        (prev) => prev.map((item) => item.id === kpi.id ? { ...item, name: value ?? "" } : item)
                       ),
-                      showError: !!itemErrors[kpi.id]?.name,
-                      errorMessage: itemErrors[kpi.id]?.name
+                      error: itemErrors[kpi.id]?.name
                     }
                   ),
                   /* @__PURE__ */ jsx37(
@@ -5427,16 +3468,12 @@ function KpiSection({ type, onChangeKpiList }) {
                       onChange: (value) => {
                         if (value === void 0 || value === "") {
                           setKpiList(
-                            (prev) => prev.map(
-                              (item) => item.id === kpi.id ? { ...item, value: "" } : item
-                            )
+                            (prev) => prev.map((item) => item.id === kpi.id ? { ...item, value: "" } : item)
                           );
                           setHasShownError(false);
                         } else if (/^\d*\.?\d*$/.test(value)) {
                           setKpiList(
-                            (prev) => prev.map(
-                              (item) => item.id === kpi.id ? { ...item, value } : item
-                            )
+                            (prev) => prev.map((item) => item.id === kpi.id ? { ...item, value } : item)
                           );
                           setHasShownError(false);
                         } else {
@@ -5446,8 +3483,7 @@ function KpiSection({ type, onChangeKpiList }) {
                           }
                         }
                       },
-                      showError: !!itemErrors[kpi.id]?.value,
-                      errorMessage: itemErrors[kpi.id]?.value
+                      error: itemErrors[kpi.id]?.value
                     }
                   ),
                   /* @__PURE__ */ jsx37(
@@ -5455,12 +3491,9 @@ function KpiSection({ type, onChangeKpiList }) {
                     {
                       value: kpi.unit,
                       onChange: (value) => setKpiList(
-                        (prev) => prev.map(
-                          (item) => item.id === kpi.id ? { ...item, unit: value ?? "" } : item
-                        )
+                        (prev) => prev.map((item) => item.id === kpi.id ? { ...item, unit: value ?? "" } : item)
                       ),
-                      showError: !!itemErrors[kpi.id]?.unit,
-                      errorMessage: itemErrors[kpi.id]?.unit
+                      error: itemErrors[kpi.id]?.unit
                     }
                   ),
                   /* @__PURE__ */ jsxs32(
@@ -5475,13 +3508,7 @@ function KpiSection({ type, onChangeKpiList }) {
                             onClick: () => handleSave(kpi.id, type)
                           }
                         ),
-                        /* @__PURE__ */ jsx37(
-                          IconX2,
-                          {
-                            className: "w-[30px] h-[30px] cursor-pointer",
-                            onClick: () => handleCancel(kpi.id)
-                          }
-                        )
+                        /* @__PURE__ */ jsx37(IconX2, { className: "w-[30px] h-[30px] cursor-pointer", onClick: () => handleCancel(kpi.id) })
                       ]
                     }
                   )
@@ -5490,20 +3517,8 @@ function KpiSection({ type, onChangeKpiList }) {
                   /* @__PURE__ */ jsx37("p", { className: "body-1", children: kpi.value }),
                   /* @__PURE__ */ jsx37("p", { className: "body-1", children: kpi.unit }),
                   /* @__PURE__ */ jsxs32("div", { className: "flex gap-3 justify-end", children: [
-                    /* @__PURE__ */ jsx37(
-                      IconPencil,
-                      {
-                        className: "w-[30px] h-[30px] cursor-pointer",
-                        onClick: () => handleEdit(kpi.id)
-                      }
-                    ),
-                    /* @__PURE__ */ jsx37(
-                      IconTrash3,
-                      {
-                        className: "w-[30px] h-[30px] cursor-pointer",
-                        onClick: () => handleDelete(kpi.id)
-                      }
-                    )
+                    /* @__PURE__ */ jsx37(IconPencil, { className: "w-[30px] h-[30px] cursor-pointer", onClick: () => handleEdit(kpi.id) }),
+                    /* @__PURE__ */ jsx37(IconTrash3, { className: "w-[30px] h-[30px] cursor-pointer", onClick: () => handleDelete(kpi.id) })
                   ] })
                 ] })
               ]
@@ -5519,96 +3534,61 @@ function KpiSection({ type, onChangeKpiList }) {
                 value: nameKpi,
                 title: "\u0E0A\u0E37\u0E48\u0E2D\u0E1C\u0E25\u0E25\u0E31\u0E1E\u0E18\u0E4C\u0E17\u0E35\u0E48\u0E04\u0E32\u0E14\u0E2B\u0E27\u0E31\u0E07 (KPI)",
                 placeholder: "\u0E42\u0E1B\u0E23\u0E14\u0E23\u0E30\u0E1A\u0E38",
-                require: true,
+                required: true,
                 onChange: (value) => setNameKpi(value ?? ""),
                 className: "h-[32px]",
-                showError: !!errors.nameKpi,
-                errorMessage: errors.nameKpi
+                error: errors.nameKpi
               }
             ),
-            /* @__PURE__ */ jsx37(
-              "div",
+            /* @__PURE__ */ jsx37("div", { className: `flex justify-end mt-[28px]`, children: /* @__PURE__ */ jsx37(
+              IconCirclePlus,
               {
-                className: `flex justify-end mt-[28px]`,
-                children: /* @__PURE__ */ jsx37(
-                  IconCirclePlus,
-                  {
-                    className: "w-[40px] h-[40px] cursor-pointer hover:scale-110 transition",
-                    stroke: 1,
-                    onClick: () => handleAddKpi(type)
-                  }
-                )
+                className: "w-[40px] h-[40px] cursor-pointer hover:scale-110 transition",
+                stroke: 1,
+                onClick: () => handleAddKpi(type)
               }
-            )
+            ) })
           ] }),
-          /* @__PURE__ */ jsx37("div", { children: kpiList.map((kpi, index) => /* @__PURE__ */ jsxs32(
-            "div",
-            {
-              className: "grid grid-cols-[30px_1fr_80px] items-start py-2 body-1 gap-[8px]",
-              children: [
-                /* @__PURE__ */ jsxs32("p", { className: `body-1 ${kpi.isEditing ? "mt-[12px]" : ""}`, children: [
-                  index + 1,
-                  "."
-                ] }),
-                kpi.isEditing ? /* @__PURE__ */ jsxs32(Fragment6, { children: [
-                  /* @__PURE__ */ jsx37(
-                    InputField,
-                    {
-                      value: kpi.name,
-                      onChange: (value) => setKpiList(
-                        (prev) => prev.map(
-                          (item) => item.id === kpi.id ? { ...item, name: value ?? "" } : item
-                        )
-                      ),
-                      showError: !!itemErrors[kpi.id]?.name,
-                      errorMessage: itemErrors[kpi.id]?.name
-                    }
+          /* @__PURE__ */ jsx37("div", { children: kpiList.map((kpi, index) => /* @__PURE__ */ jsxs32("div", { className: "grid grid-cols-[30px_1fr_80px] items-start py-2 body-1 gap-[8px]", children: [
+            /* @__PURE__ */ jsxs32("p", { className: `body-1 ${kpi.isEditing ? "mt-[12px]" : ""}`, children: [
+              index + 1,
+              "."
+            ] }),
+            kpi.isEditing ? /* @__PURE__ */ jsxs32(Fragment6, { children: [
+              /* @__PURE__ */ jsx37(
+                InputField,
+                {
+                  value: kpi.name,
+                  onChange: (value) => setKpiList(
+                    (prev) => prev.map((item) => item.id === kpi.id ? { ...item, name: value ?? "" } : item)
                   ),
-                  /* @__PURE__ */ jsxs32(
-                    "div",
-                    {
-                      className: `flex gap-2 justify-end self-center ${!!itemErrors[kpi.id]?.name ? "mt-[-12px]" : ""}`,
-                      children: [
-                        /* @__PURE__ */ jsx37(
-                          IconCheck2,
-                          {
-                            className: "w-[30px] h-[30px] cursor-pointer",
-                            onClick: () => handleSave(kpi.id, type)
-                          }
-                        ),
-                        /* @__PURE__ */ jsx37(
-                          IconX2,
-                          {
-                            className: "w-[30px] h-[30px] cursor-pointer",
-                            onClick: () => handleCancel(kpi.id)
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsxs32(Fragment6, { children: [
-                  /* @__PURE__ */ jsx37("p", { className: "body-1", children: kpi.name }),
-                  /* @__PURE__ */ jsxs32("div", { className: "flex gap-3 justify-end", children: [
+                  error: itemErrors[kpi.id]?.name
+                }
+              ),
+              /* @__PURE__ */ jsxs32(
+                "div",
+                {
+                  className: `flex gap-2 justify-end self-center ${!!itemErrors[kpi.id]?.name ? "mt-[-12px]" : ""}`,
+                  children: [
                     /* @__PURE__ */ jsx37(
-                      IconPencil,
+                      IconCheck2,
                       {
                         className: "w-[30px] h-[30px] cursor-pointer",
-                        onClick: () => handleEdit(kpi.id)
+                        onClick: () => handleSave(kpi.id, type)
                       }
                     ),
-                    /* @__PURE__ */ jsx37(
-                      IconTrash3,
-                      {
-                        className: "w-[30px] h-[30px] cursor-pointer",
-                        onClick: () => handleDelete(kpi.id)
-                      }
-                    )
-                  ] })
-                ] })
-              ]
-            },
-            kpi.id
-          )) })
+                    /* @__PURE__ */ jsx37(IconX2, { className: "w-[30px] h-[30px] cursor-pointer", onClick: () => handleCancel(kpi.id) })
+                  ]
+                }
+              )
+            ] }) : /* @__PURE__ */ jsxs32(Fragment6, { children: [
+              /* @__PURE__ */ jsx37("p", { className: "body-1", children: kpi.name }),
+              /* @__PURE__ */ jsxs32("div", { className: "flex gap-3 justify-end", children: [
+                /* @__PURE__ */ jsx37(IconPencil, { className: "w-[30px] h-[30px] cursor-pointer", onClick: () => handleEdit(kpi.id) }),
+                /* @__PURE__ */ jsx37(IconTrash3, { className: "w-[30px] h-[30px] cursor-pointer", onClick: () => handleDelete(kpi.id) })
+              ] })
+            ] })
+          ] }, kpi.id)) })
         ] })
       ] })
     }