@indielayer/ui 1.10.1 → 1.10.2

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse.js

@@ -0,0 +1,90 @@
+import { longFormatters as W } from "./_lib/format/longFormatters.js";
+import { isProtectedWeekYearToken as L, warnOrThrowProtectedError as b, isProtectedDayOfYearToken as j } from "./_lib/protectedTokens.js";
+import { constructFrom as q } from "./constructFrom.js";
+import { getDefaultOptions as v } from "./getDefaultOptions.js";
+import { toDate as A } from "./toDate.js";
+import { DateTimezoneSetter as z } from "./parse/_lib/Setter.js";
+import { parsers as Q } from "./parse/_lib/parsers.js";
+import { enUS as H } from "./locale/en-US.js";
+const I = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, K = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, M = /^'([^]*?)'?$/, U = /''/g, Z = /\S/, B = /[a-zA-Z]/;
+function te(a, i, f, e) {
+  var w, d, T, O, y, E, R, x;
+  const c = () => q((e == null ? void 0 : e.in) || f, NaN), l = v(), m = (e == null ? void 0 : e.locale) ?? l.locale ?? H, F = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((d = (w = e == null ? void 0 : e.locale) == null ? void 0 : w.options) == null ? void 0 : d.firstWeekContainsDate) ?? l.firstWeekContainsDate ?? ((O = (T = l.locale) == null ? void 0 : T.options) == null ? void 0 : O.firstWeekContainsDate) ?? 1, $ = (e == null ? void 0 : e.weekStartsOn) ?? ((E = (y = e == null ? void 0 : e.locale) == null ? void 0 : y.options) == null ? void 0 : E.weekStartsOn) ?? l.weekStartsOn ?? ((x = (R = l.locale) == null ? void 0 : R.options) == null ? void 0 : x.weekStartsOn) ?? 0;
+  if (!i)
+    return a ? c() : A(f, e == null ? void 0 : e.in);
+  const u = {
+    firstWeekContainsDate: F,
+    weekStartsOn: $,
+    locale: m
+  }, k = [new z(e == null ? void 0 : e.in, f)], Y = i.match(K).map((r) => {
+    const t = r[0];
+    if (t in W) {
+      const n = W[t];
+      return n(r, m.formatLong);
+    }
+    return r;
+  }).join("").match(I), g = [];
+  for (let r of Y) {
+    !(e != null && e.useAdditionalWeekYearTokens) && L(r) && b(r, i, a), !(e != null && e.useAdditionalDayOfYearTokens) && j(r) && b(r, i, a);
+    const t = r[0], n = Q[t];
+    if (n) {
+      const { incompatibleTokens: D } = n;
+      if (Array.isArray(D)) {
+        const C = g.find(
+          (P) => D.includes(P.token) || P.token === t
+        );
+        if (C)
+          throw new RangeError(
+            `The format string mustn't contain \`${C.fullToken}\` and \`${r}\` at the same time`
+          );
+      } else if (n.incompatibleTokens === "*" && g.length > 0)
+        throw new RangeError(
+          `The format string mustn't contain \`${r}\` and any other token at the same time`
+        );
+      g.push({ token: t, fullToken: r });
+      const h = n.run(
+        a,
+        r,
+        m.match,
+        u
+      );
+      if (!h)
+        return c();
+      k.push(h.setter), a = h.rest;
+    } else {
+      if (t.match(B))
+        throw new RangeError(
+          "Format string contains an unescaped latin alphabet character `" + t + "`"
+        );
+      if (r === "''" ? r = "'" : t === "'" && (r = G(r)), a.indexOf(r) === 0)
+        a = a.slice(r.length);
+      else
+        return c();
+    }
+  }
+  if (a.length > 0 && Z.test(a))
+    return c();
+  const N = k.map((r) => r.priority).sort((r, t) => t - r).filter((r, t, n) => n.indexOf(r) === t).map(
+    (r) => k.filter((t) => t.priority === r).sort((t, n) => n.subPriority - t.subPriority)
+  ).map((r) => r[0]);
+  let s = A(f, e == null ? void 0 : e.in);
+  if (isNaN(+s))
+    return c();
+  const o = {};
+  for (const r of N) {
+    if (!r.validate(s, u))
+      return c();
+    const t = r.set(s, o, u);
+    Array.isArray(t) ? (s = t[0], Object.assign(o, t[1])) : s = t;
+  }
+  return s;
+}
+function G(a) {
+  return a.match(M)[1].replace(U, "'");
+}
+export {
+  te as default,
+  W as longFormatters,
+  te as parse,
+  Q as parsers
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/set.js

@@ -0,0 +1,11 @@
+import { constructFrom as i } from "./constructFrom.js";
+import { setMonth as f } from "./setMonth.js";
+import { toDate as m } from "./toDate.js";
+function s(e, t, n) {
+  let r = m(e, n == null ? void 0 : n.in);
+  return isNaN(+r) ? i((n == null ? void 0 : n.in) || e, NaN) : (t.year != null && r.setFullYear(t.year), t.month != null && (r = f(r, t.month)), t.date != null && r.setDate(t.date), t.hours != null && r.setHours(t.hours), t.minutes != null && r.setMinutes(t.minutes), t.seconds != null && r.setSeconds(t.seconds), t.milliseconds != null && r.setMilliseconds(t.milliseconds), r);
+}
+export {
+  s as default,
+  s as set
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setDay.js

@@ -0,0 +1,12 @@
+import { getDefaultOptions as s } from "./_lib/defaultOptions.js";
+import { addDays as w } from "./addDays.js";
+import { toDate as S } from "./toDate.js";
+function _(O, t, e) {
+  var f, d, l, m;
+  const a = s(), u = (e == null ? void 0 : e.weekStartsOn) ?? ((d = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : d.weekStartsOn) ?? a.weekStartsOn ?? ((m = (l = a.locale) == null ? void 0 : l.options) == null ? void 0 : m.weekStartsOn) ?? 0, c = S(O, e == null ? void 0 : e.in), n = c.getDay(), D = (t % 7 + 7) % 7, r = 7 - u, k = t < 0 || t > 6 ? t - (n + r) % 7 : (D + r) % 7 - (n + r) % 7;
+  return w(c, k, e);
+}
+export {
+  _ as default,
+  _ as setDay
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setHours.js

@@ -0,0 +1,9 @@
+import { toDate as a } from "./toDate.js";
+function c(t, u, e) {
+  const r = a(t, e == null ? void 0 : e.in);
+  return r.setHours(u), r;
+}
+export {
+  c as default,
+  c as setHours
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setISODay.js

@@ -0,0 +1,11 @@
+import { addDays as c } from "./addDays.js";
+import { getISODay as d } from "./getISODay.js";
+import { toDate as D } from "./toDate.js";
+function I(a, e, r) {
+  const t = D(a, r == null ? void 0 : r.in), f = d(t, r), m = e - f;
+  return c(t, m, r);
+}
+export {
+  I as default,
+  I as setISODay
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setISOWeek.js

@@ -0,0 +1,10 @@
+import { getISOWeek as m } from "./getISOWeek.js";
+import { toDate as c } from "./toDate.js";
+function D(r, a, e) {
+  const t = c(r, e == null ? void 0 : e.in), f = m(t, e) - a;
+  return t.setDate(t.getDate() - f * 7), t;
+}
+export {
+  D as default,
+  D as setISOWeek
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setMilliseconds.js

@@ -0,0 +1,9 @@
+import { toDate as a } from "./toDate.js";
+function d(l, r, e) {
+  const t = a(l, e == null ? void 0 : e.in);
+  return t.setMilliseconds(r), t;
+}
+export {
+  d as default,
+  d as setMilliseconds
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setMinutes.js

@@ -0,0 +1,9 @@
+import { toDate as a } from "./toDate.js";
+function n(r, u, e) {
+  const t = a(r, e == null ? void 0 : e.in);
+  return t.setMinutes(u), t;
+}
+export {
+  n as default,
+  n as setMinutes
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setMonth.js

@@ -0,0 +1,13 @@
+import { constructFrom as M } from "./constructFrom.js";
+import { getDaysInMonth as f } from "./getDaysInMonth.js";
+import { toDate as h } from "./toDate.js";
+function y(a, n, t) {
+  const e = h(a, t == null ? void 0 : t.in), c = e.getFullYear(), m = e.getDate(), r = M((t == null ? void 0 : t.in) || a, 0);
+  r.setFullYear(c, n, 15), r.setHours(0, 0, 0, 0);
+  const u = f(r);
+  return e.setMonth(n, Math.min(m, u)), e;
+}
+export {
+  y as default,
+  y as setMonth
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setSeconds.js

@@ -0,0 +1,9 @@
+import { toDate as c } from "./toDate.js";
+function f(r, a, e) {
+  const t = c(r, e == null ? void 0 : e.in);
+  return t.setSeconds(a), t;
+}
+export {
+  f as default,
+  f as setSeconds
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setWeek.js

@@ -0,0 +1,10 @@
+import { getWeek as c } from "./getWeek.js";
+import { toDate as t } from "./toDate.js";
+function D(a, f, e) {
+  const r = t(a, e == null ? void 0 : e.in), m = c(r, e) - f;
+  return r.setDate(r.getDate() - m * 7), t(r, e == null ? void 0 : e.in);
+}
+export {
+  D as default,
+  D as setWeek
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/setYear.js

@@ -0,0 +1,10 @@
+import { constructFrom as f } from "./constructFrom.js";
+import { toDate as m } from "./toDate.js";
+function N(a, u, r) {
+  const e = m(a, r == null ? void 0 : r.in);
+  return isNaN(+e) ? f((r == null ? void 0 : r.in) || a, NaN) : (e.setFullYear(u), e);
+}
+export {
+  N as default,
+  N as setYear
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfDay.js

@@ -0,0 +1,9 @@
+import { toDate as e } from "./toDate.js";
+function u(a, t) {
+  const r = e(a, t == null ? void 0 : t.in);
+  return r.setHours(0, 0, 0, 0), r;
+}
+export {
+  u as default,
+  u as startOfDay
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfISOWeek.js

@@ -0,0 +1,8 @@
+import { startOfWeek as r } from "./startOfWeek.js";
+function f(t, e) {
+  return r(t, { ...e, weekStartsOn: 1 });
+}
+export {
+  f as default,
+  f as startOfISOWeek
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfISOWeekYear.js

@@ -0,0 +1,11 @@
+import { constructFrom as f } from "./constructFrom.js";
+import { getISOWeekYear as u } from "./getISOWeekYear.js";
+import { startOfISOWeek as m } from "./startOfISOWeek.js";
+function s(t, r) {
+  const a = u(t, r), e = f((r == null ? void 0 : r.in) || t, 0);
+  return e.setFullYear(a, 0, 4), e.setHours(0, 0, 0, 0), m(e);
+}
+export {
+  s as default,
+  s as startOfISOWeekYear
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfMonth.js

@@ -0,0 +1,9 @@
+import { toDate as a } from "./toDate.js";
+function u(r, t) {
+  const e = a(r, t == null ? void 0 : t.in);
+  return e.setDate(1), e.setHours(0, 0, 0, 0), e;
+}
+export {
+  u as default,
+  u as startOfMonth
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfQuarter.js

@@ -0,0 +1,9 @@
+import { toDate as u } from "./toDate.js";
+function o(n, r) {
+  const t = u(n, r == null ? void 0 : r.in), e = t.getMonth(), a = e - e % 3;
+  return t.setMonth(a, 1), t.setHours(0, 0, 0, 0), t;
+}
+export {
+  o as default,
+  o as startOfQuarter
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfWeek.js

@@ -0,0 +1,11 @@
+import { getDefaultOptions as s } from "./_lib/defaultOptions.js";
+import { toDate as w } from "./toDate.js";
+function m(u, e) {
+  var c, O, l, k;
+  const a = s(), r = (e == null ? void 0 : e.weekStartsOn) ?? ((O = (c = e == null ? void 0 : e.locale) == null ? void 0 : c.options) == null ? void 0 : O.weekStartsOn) ?? a.weekStartsOn ?? ((k = (l = a.locale) == null ? void 0 : l.options) == null ? void 0 : k.weekStartsOn) ?? 0, t = w(u, e == null ? void 0 : e.in), f = t.getDay(), d = (f < r ? 7 : 0) + f - r;
+  return t.setDate(t.getDate() - d), t.setHours(0, 0, 0, 0), t;
+}
+export {
+  m as default,
+  m as startOfWeek
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfWeekYear.js

@@ -0,0 +1,13 @@
+import { getDefaultOptions as W } from "./_lib/defaultOptions.js";
+import { constructFrom as n } from "./constructFrom.js";
+import { getWeekYear as u } from "./getWeekYear.js";
+import { startOfWeek as D } from "./startOfWeek.js";
+function g(r, e) {
+  var f, s, c, k;
+  const a = W(), l = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((s = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : s.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((k = (c = a.locale) == null ? void 0 : c.options) == null ? void 0 : k.firstWeekContainsDate) ?? 1, m = u(r, e), t = n((e == null ? void 0 : e.in) || r, 0);
+  return t.setFullYear(m, 0, l), t.setHours(0, 0, 0, 0), D(t, e);
+}
+export {
+  g as default,
+  g as startOfWeekYear
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfYear.js

@@ -0,0 +1,9 @@
+import { toDate as a } from "./toDate.js";
+function l(t, r) {
+  const e = a(t, r == null ? void 0 : r.in);
+  return e.setFullYear(e.getFullYear(), 0, 1), e.setHours(0, 0, 0, 0), e;
+}
+export {
+  l as default,
+  l as startOfYear
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/sub.js

@@ -0,0 +1,19 @@
+import { constructFrom as y } from "./constructFrom.js";
+import { subDays as S } from "./subDays.js";
+import { subMonths as T } from "./subMonths.js";
+function k(o, t, s) {
+  const {
+    years: u = 0,
+    months: n = 0,
+    weeks: r = 0,
+    days: c = 0,
+    hours: m = 0,
+    minutes: e = 0,
+    seconds: b = 0
+  } = t, h = T(o, n + u * 12, s), a = S(h, c + r * 7, s), f = e + m * 60, d = (b + f * 60) * 1e3;
+  return y((s == null ? void 0 : s.in) || o, +a - d);
+}
+export {
+  k as default,
+  k as sub
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subDays.js

@@ -0,0 +1,8 @@
+import { addDays as o } from "./addDays.js";
+function u(a, r, t) {
+  return o(a, -r, t);
+}
+export {
+  u as default,
+  u as subDays
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subMonths.js

@@ -0,0 +1,8 @@
+import { addMonths as r } from "./addMonths.js";
+function u(t, o, n) {
+  return r(t, -o, n);
+}
+export {
+  u as default,
+  u as subMonths
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subYears.js

@@ -0,0 +1,8 @@
+import { addYears as t } from "./addYears.js";
+function s(r, a, e) {
+  return t(r, -a, e);
+}
+export {
+  s as default,
+  s as subYears
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/toDate.js

@@ -0,0 +1,8 @@
+import { constructFrom as r } from "./constructFrom.js";
+function e(t, o) {
+  return r(o || t, t);
+}
+export {
+  e as default,
+  e as toDate
+};

package/lib/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/transpose.js

@@ -0,0 +1,18 @@
+import { constructFrom as o } from "./constructFrom.js";
+function u(e, t) {
+  const n = s(t) ? new t(0) : o(t, 0);
+  return n.setFullYear(e.getFullYear(), e.getMonth(), e.getDate()), n.setHours(
+    e.getHours(),
+    e.getMinutes(),
+    e.getSeconds(),
+    e.getMilliseconds()
+  ), n;
+}
+function s(e) {
+  var t;
+  return typeof e == "function" && ((t = e.prototype) == null ? void 0 : t.constructor) === e;
+}
+export {
+  u as default,
+  u as transpose
+};

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.10.1";
+declare const _default: "1.10.2";
 export default _default;

package/lib/version.js

@@ -1,4 +1,4 @@
-const e = "1.10.1";
+const e = "1.10.2";
 export {
   e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.10.1",
+  "version": "1.10.2",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",
@@ -57,7 +57,7 @@
     "@vitejs/plugin-vue-jsx": "^3.0.1",
     "@vue/test-utils": "^2.4.0",
     "@vue/tsconfig": "^0.4.0",
-    "@vuepic/vue-datepicker": "^8.3.2",
+    "@vuepic/vue-datepicker": "^11.0.1",
     "@vueuse/core": "^11.1.0",
     "autoprefixer": "^10.4.0",
     "c8": "^7.12.0",

package/src/components/datepicker/Datepicker.vue

@@ -18,14 +18,11 @@ const vueDatepickerProps = {
   offset: { type: [Number, String] as PropType<number | string>, default: 10 },
   hideNavigation: { type: Array as PropType<VueDatePickerProps['hideNavigation']>, default: () => [] },
   timezone: { type: [String, Object] as PropType<VueDatePickerProps['timezone']>, default: null },
-  emitTimezone: { type: String as PropType<string>, default: null },
   vertical: { type: Boolean as PropType<boolean>, default: false },
   disableMonthYearSelect: { type: Boolean as PropType<boolean>, default: false },
   disableYearSelect: { type: Boolean as PropType<boolean>, default: false },
-  menuClassName: { type: String as PropType<string>, default: null },
   dayClass: { type: Function as PropType<(date: Date) => string>, default: null },
   yearRange: { type: Array as PropType<number[]>, default: () => [1900, 2100] },
-  calendarCellClassName: { type: String as PropType<string>, default: null },
   enableTimePicker: { type: Boolean as PropType<boolean>, default: true },
   autoApply: { type: Boolean as PropType<boolean>, default: false },
   disabledDates: { type: [Array, Function] as PropType<VueDatePickerProps['disabledDates']>, default: () => [] },
@@ -33,7 +30,6 @@ const vueDatepickerProps = {
   startDate: { type: [Date, String] as PropType<string | Date>, default: null },
   startTime: { type: [Object, Array] as PropType<VueDatePickerProps['startTime']>, default: null },
   hideOffsetDates: { type: Boolean as PropType<boolean>, default: false },
-  autoRange: { type: [Number, String] as PropType<number | string>, default: null },
   noToday: { type: Boolean as PropType<boolean>, default: false },
   disabledWeekDays: { type: Array as PropType<string[] | number[]>, default: () => [] },
   allowedDates: { type: Array as PropType<string[] | Date[]>, default: null },
@@ -46,14 +42,10 @@ const vueDatepickerProps = {
   flow: { type: Array as PropType<VueDatePickerProps['flow']>, default: () => [] },
   partialFlow: { type: Boolean as PropType<boolean>, default: false },
   preventMinMaxNavigation: { type: Boolean as PropType<boolean>, default: false },
-  minRange: { type: [Number, String] as PropType<number | string>, default: null },
-  maxRange: { type: [Number, String] as PropType<number | string>, default: null },
-  multiDatesLimit: { type: [Number, String] as PropType<number | string>, default: null },
   reverseYears: { type: Boolean as PropType<boolean>, default: false },
   weekPicker: { type: Boolean as PropType<boolean>, default: false },
   filters: { type: Object as PropType<Partial<VueDatePickerProps['filters']>>, default: () => ({}) },
   arrowNavigation: { type: Boolean as PropType<boolean>, default: false },
-  disableTimeRangeValidation: { type: Boolean as PropType<boolean>, default: false },
   highlight: {
     type: [Function, Object] as PropType<VueDatePickerProps['highlight']>,
     default: null,
@@ -67,7 +59,6 @@ const vueDatepickerProps = {
     type: [String, Function, Object] as PropType<VueDatePickerProps['weekNumbers']>,
     default: null,
   },
-  calendarClassName: { type: String as PropType<string>, default: null },
   monthChangeOnScroll: { type: [Boolean, String] as PropType<boolean | 'inverse'>, default: true },
   dayNames: {
     type: [Function, Array] as PropType<((lang: string, weekStart: number) => string[]) | string[]>,
@@ -84,7 +75,6 @@ const vueDatepickerProps = {
     default: () => '',
   },
   multiDates: { type: Boolean as PropType<boolean>, default: false },
-  partialRange: { type: Boolean as PropType<boolean>, default: true },
   ignoreTimeValidation: { type: Boolean as PropType<boolean>, default: false },
   minDate: { type: [Date, String] as PropType<Date | string>, default: null },
   maxDate: { type: [Date, String] as PropType<Date | string>, default: null },
@@ -93,13 +83,10 @@ const vueDatepickerProps = {
   placeholder: { type: String as PropType<string>, default: '' },
   hideInputIcon: { type: Boolean as PropType<boolean>, default: false },
   clearable: { type: Boolean as PropType<boolean>, default: false },
+  alwaysClearable: { type: Boolean as PropType<boolean>, default: false },
   state: { type: Boolean as PropType<VueDatePickerProps['state']>, default: null },
   required: { type: Boolean as PropType<boolean>, default: false },
   autocomplete: { type: String as PropType<string>, default: 'off' },
-  inputClassName: { type: String as PropType<string>, default: null },
-  fixedStart: { type: Boolean as PropType<boolean>, default: false },
-  fixedEnd: { type: Boolean as PropType<boolean>, default: false },
-  timePicker: { type: Boolean as PropType<boolean>, default: false },
   enableSeconds: { type: Boolean as PropType<boolean>, default: false },
   is24: { type: Boolean as PropType<boolean>, default: true },
   noHoursOverlay: { type: Boolean as PropType<boolean>, default: false },
@@ -126,6 +113,9 @@ const vueDatepickerProps = {
   config: { type: Object as PropType<Partial<VueDatePickerProps['config']>>, default: undefined },
   quarterPicker: { type: Boolean as PropType<boolean>, default: false },
   yearFirst: { type: Boolean as PropType<boolean>, default: false },
+  onInternalModelChange: { type: [Function, Object] as PropType<(...args: any[]) => void>, default: null },
+  enableMinutes: { type: Boolean as PropType<boolean>, default: true },
+  ui: { type: Object as PropType<Partial<VueDatePickerProps['ui']>>, default: () => ({}) },
 }
 
 const datepickerProps = {
@@ -206,6 +196,7 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
     ]"
   >
     <vue-datepicker
+      :ui="ui"
       :model-value="modelValue"
       :multi-calendars="multiCalendars"
       :model-type="modelType"
@@ -221,14 +212,11 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
       :offset="offset"
       :hide-navigation="hideNavigation"
       :timezone="timezone"
-      :emit-timezone="emitTimezone"
       :vertical="vertical"
       :disable-month-year-select="disableMonthYearSelect"
       :disable-year-select="disableYearSelect"
-      :menu-class-name="menuClassName"
       :day-class="dayClass"
       :year-range="yearRange"
-      :calendar-cell-class-name="calendarCellClassName"
       :enable-time-picker="enableTimePicker"
       :auto-apply="autoApply"
       :disabled-dates="disabledDates"
@@ -236,7 +224,6 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
       :start-date="startDate"
       :start-time="startTime"
       :hide-offset-dates="hideOffsetDates"
-      :auto-range="autoRange"
       :no-today="noToday"
       :disabled-week-days="disabledWeekDays"
       :allowed-dates="allowedDates"
@@ -249,14 +236,10 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
       :flow="flow"
       :partial-flow="partialFlow"
       :prevent-min-max-navigation="preventMinMaxNavigation"
-      :min-range="minRange"
-      :max-range="maxRange"
-      :multi-dates-limit="multiDatesLimit"
       :reverse-years="reverseYears"
       :week-picker="weekPicker"
       :filters="filters"
       :arrow-navigation="arrowNavigation"
-      :disable-time-range-validation="disableTimeRangeValidation"
       :highlight="highlight"
       :teleport="teleport"
       :teleport-center="teleportCenter"
@@ -264,7 +247,6 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
       :week-num-name="weekNumName"
       :week-start="weekStart"
       :week-numbers="weekNumbers"
-      :calendar-class-name="calendarClassName"
       :month-change-on-scroll="monthChangeOnScroll"
       :day-names="dayNames"
       :month-picker="monthPicker"
@@ -275,7 +257,6 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
       :cancel-text="cancelText"
       :preview-format="previewFormat"
       :multi-dates="multiDates"
-      :partial-range="partialRange"
       :ignore-time-validation="ignoreTimeValidation"
       :min-date="minDate"
       :max-date="maxDate"
@@ -285,10 +266,6 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
       :state="state"
       :required="required"
       :autocomplete="autocomplete"
-      :input-class-name="inputClassName"
-      :fixed-start="fixedStart"
-      :fixed-end="fixedEnd"
-      :time-picker="timePicker"
       :enable-seconds="enableSeconds"
       :no-hours-overlay="noHoursOverlay"
       :no-minutes-overlay="noMinutesOverlay"
@@ -320,7 +297,7 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
       <template #dp-input="{ value, onEnter, onTab }">
         <x-input
           ref="inputRef"
-          readonly
+          :readonly="textInput === false || readonly"
           :model-value="value"
           :label="label"
           :size="size"
@@ -328,6 +305,7 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
           :helper="helper"
           icon-right="calendar"
           :loading="loading"
+          data-1p-ignore
           :name="name"
           :rules="rules"
           :tooltip="tooltip"
@@ -416,4 +394,20 @@ const { styles, classes, className } = useTheme('Datepicker', {}, props)
   --dp-range-between-dates-text-color: var(--x-datepicker-text, #212121) !important;
   --dp-range-between-border-color: var(--x-datepicker-range, #f3f3f3) !important;
 }
+
+.dark .dp__cell_inner {
+  border: 0 !important;
+}
+
+.dp__selection_preview {
+  padding: 4px;
+  font-weight: 500;
+  word-spacing: 4px;
+  letter-spacing: 0.5px;
+}
+
+.dp__action_row {
+  border-top: 1px solid #eee;
+  margin-top: 10px;
+}
 </style>

package/src/components/datepicker/theme/Datepicker.base.theme.ts

@@ -11,8 +11,6 @@ const theme: DatepickerTheme = {
     const vars: Array<Record<string, string> | string> = [`
     /*General*/
     --dp-font-family: var(--font-family-sans);
-    --dp-border-radius: 8px; /*Configurable border-radius*/
-    --dp-cell-border-radius: 8px; /*Specific border radius for the calendar cell*/
     --dp-common-transition: all 0.1s ease-in; /*Generic transition applied on buttons and calendar cells*/
 
     /*Sizing*/
@@ -36,7 +34,7 @@ const theme: DatepickerTheme = {
 
     /*Font sizes*/
     --dp-font-size: 0.875rem; /*Default font-size*/
-    --dp-preview-font-size: 0.8rem; /*Font size of the date preview in the action row*/
+    --dp-preview-font-size: 0.875rem; /*Font size of the date preview in the action row*/
     --dp-time-font-size: 0.8rem; /*Font size in the time picker*/
 
     /*Transitions*/
@@ -48,19 +46,19 @@ const theme: DatepickerTheme = {
     vars.push(css.variables({
       bg: '#fff',
       text: secondary[800],
-      disabled: secondary[800],
-      range: secondary[200],
+      disabled: secondary[300],
+      range: primary[100],
       icon: secondary[500],
       primary: primary[500],
       border: secondary[100],
       dark: {
         bg: secondary[800],
         text: secondary[100],
-        disabled: secondary[700],
-        range: secondary[600],
+        disabled: secondary[600],
+        range: primary[900],
         icon: secondary[200],
         primary: primary[500],
-        border: secondary[700],
+        border: secondary[800],
       },
     }))