@wrdagency/blockout 0.1.10 → 1.0.0

package/dist/components/controls/choice-control/choice.js

@@ -1,8 +1,15 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { cn as _ } from "../../../utils/css.js";
+import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style9.css';/* empty css                      */
 import * as e from "react";
 import { useId as f } from "react";
-import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';/* empty css                      */
+/* empty css                      */
+/* empty css                      */
+import "../../../primitives/popover/index.js";
+/* empty css                      */
+import "../../../primitives/scroll-area/index.js";
+import "../../../primitives/symbol/index.js";
+/* empty css                      */
 /* empty css                      */
 /* empty css                      */
 import { VisuallyHidden as Z } from "../../../primitives/visually-hidden/index.js";
@@ -35,56 +42,56 @@ const N = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M170.83,101.17a4,4,0,0,1,0,5.66l-56,56a4,4,0,0,1-5.66,0l-24-24a4,4,0,0,1,5.66-5.66L112,154.34l53.17-53.17A4,4,0,0,1,170.83,101.17ZM228,128A100,100,0,1,1,128,28,100.11,100.11,0,0,1,228,128Zm-8,0a92,92,0,1,0-92,92A92.1,92.1,0,0,0,220,128Z" }))
   ]
-]), m = e.forwardRef((c, t) => /* @__PURE__ */ e.createElement(A, { ref: t, ...c, weights: N }));
+]), m = e.forwardRef((o, c) => /* @__PURE__ */ e.createElement(A, { ref: c, ...o, weights: N }));
 m.displayName = "CheckCircleIcon";
-const i = e.forwardRef((c, t) => /* @__PURE__ */ e.createElement(M, { ref: t, ...c, weights: u }));
+const i = e.forwardRef((o, c) => /* @__PURE__ */ e.createElement(M, { ref: c, ...o, weights: u }));
 i.displayName = "CircleIcon";
-const R = ({
-  value: c,
-  label: t,
-  description: l,
-  disabled: h,
+const D = ({
+  value: o,
+  label: c,
+  description: r,
+  disabled: p,
   multiple: a = !1,
-  className: p,
+  className: h,
   ...s
 }) => {
-  const r = f(), d = a ? c ? E : g : c ? m : i;
-  return /* @__PURE__ */ o(
+  const l = f(), d = a ? o ? E : g : o ? m : i;
+  return /* @__PURE__ */ t(
     "label",
     {
       className: _(
         "component-choice-control__choice",
         `component-choice-control__choice--${a ? "multiple" : "single"}`,
-        p
+        h
       ),
-      htmlFor: r,
+      htmlFor: l,
       children: /* @__PURE__ */ n("div", { className: "component-choice-control__choice__body", children: [
-        /* @__PURE__ */ o(Z, { children: /* @__PURE__ */ o(
+        /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(
           "input",
           {
             ...s,
             className: "component-choice-control__choice__input",
-            id: r,
+            id: l,
             type: a ? "checkbox" : "radio",
-            value: c,
-            disabled: h
+            value: o,
+            disabled: p
           }
         ) }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ t(
           d,
           {
             className: "component-choice-control__choice__icon",
-            weight: c ? "fill" : "regular"
+            weight: o ? "fill" : "regular"
           }
         ),
         /* @__PURE__ */ n("div", { className: "component-choice-control__choice__text", children: [
-          /* @__PURE__ */ o("div", { className: "component-choice-control__choice__label", children: t }),
-          l && /* @__PURE__ */ o("p", { className: "component-choice-control__choice__description", children: l })
+          /* @__PURE__ */ t("div", { className: "component-choice-control__choice__label", children: c }),
+          r && /* @__PURE__ */ t("p", { className: "component-choice-control__choice__description", children: r })
         ] })
       ] })
     }
   );
 };
 export {
-  R as Choice
+  D as Choice
 };

package/dist/components/controls/choice-control/index.js

@@ -5,18 +5,19 @@ import "react";
 import { BaseControl as g } from "../base-control/index.js";
 import { useBaseControlProps as v } from "../base-control/props.js";
 import { Choice as P } from "./choice.js";
-import '../../../assets/index5.css';const _ = (l) => {
-  const { baseProps: a, controlProps: s } = v(l, {
+import '../../../assets/style8.css';/* empty css                      */
+const b = (l) => {
+  const { baseProps: a, controlProps: i } = v(l, {
     className: "component-choice-control"
   }), {
-    options: i,
+    options: s,
     multiple: r = !1,
     name: m = a.id,
     value: e,
     onChange: p = c,
     onChangeValue: n = c,
     ...u
-  } = s, h = (i || []).map(C), f = (o) => {
+  } = i, h = (s || []).map(C), f = (o) => {
     r ? o.currentTarget.checked ? n([...e, o.currentTarget.value]) : n(
       e.filter(
         (d) => d !== o.currentTarget.value
@@ -37,5 +38,5 @@ import '../../../assets/index5.css';const _ = (l) => {
   )) }) });
 };
 export {
-  _ as ChoiceControl
+  b as ChoiceControl
 };

package/dist/components/controls/date-control/component.d.ts

@@ -1,11 +1,12 @@
-import { InputHTMLAttributes } from 'react';
-import { DateComponent, DateFormat, DateString } from './types';
-interface DateComponentInputProps extends InputHTMLAttributes<HTMLInputElement> {
-    component: DateComponent;
-    dataFormat: DateFormat;
-    viewFormat: DateFormat;
-    value: DateString;
+import { FocusEventHandler, HTMLInputAutoCompleteAttribute, KeyboardEventHandler } from 'react';
+interface DateComponentInputProps {
+    id?: string;
+    component: string;
+    value?: string;
     onChangeValue: (value: string) => void;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    autoComplete?: HTMLInputAutoCompleteAttribute;
 }
 export declare const DateComponentInput: import('react').ForwardRefExoticComponent<DateComponentInputProps & import('react').RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/controls/date-control/component.js

@@ -1,42 +1,41 @@
-import { jsx as x } from "react/jsx-runtime";
-import { forwardRef as V } from "react";
-import { parseDateString as f, getComponentMaxValue as v, getComponentMinValue as D, getComponentMaxLength as M, getComponentPlaceholder as w, getComponentAutocomplete as F, formatDateString as L } from "./types.js";
-const A = V((m, r) => {
+import { jsx as C } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { getComponentPlaceholder as d, getComponentMaxLength as x, getComponentMaxValue as _, getComponentMinValue as f, getComponentAutocomplete as V } from "./types.js";
+const D = h((a, m) => {
   const {
     component: e,
-    dataFormat: t,
-    viewFormat: P,
-    value: p,
-    onChangeValue: l,
-    autoComplete: u,
-    ...c
-  } = m, o = f(p, t), s = o[e], i = w(e), n = D(e), a = v(e), g = M(e), C = (d) => {
-    const h = {
-      ...o,
-      [e]: d.currentTarget.value
-    };
-    l(L(h, t));
-  };
-  return /* @__PURE__ */ x(
+    value: l = "",
+    onChangeValue: p,
+    onBlur: r,
+    onKeyDown: u,
+    autoComplete: c,
+    id: i
+  } = a, g = d(e), n = f(e), o = _(e), t = x(e);
+  return /* @__PURE__ */ C(
     "input",
     {
-      ref: r,
-      value: s,
+      id: i,
+      ref: m,
+      value: l,
+      onChange: (s) => {
+        p(s.currentTarget.value);
+      },
+      onBlur: r,
+      onKeyDown: u,
       className: "component-date-control__input",
       inputMode: "numeric",
-      autoComplete: F(u, e),
-      placeholder: i,
+      autoComplete: V(c, e),
+      placeholder: g,
       step: 1,
-      maxLength: g,
+      maxLength: t,
       "aria-valuemin": n,
       min: n,
-      max: a,
-      "aria-valuemax": a,
-      onChange: C,
-      ...c
+      max: o,
+      "aria-valuemax": o,
+      style: { "--date-control__input__length": t }
     }
   );
 });
 export {
-  A as DateComponentInput
+  D as DateComponentInput
 };

package/dist/components/controls/date-control/index.d.ts

@@ -1,15 +1,11 @@
-import { HTMLAttributes, HTMLInputAutoCompleteAttribute } from 'react';
+import { HTMLInputAutoCompleteAttribute } from 'react';
 import { ControlFC } from '../base-control/props';
-import { DateFormat, DateString } from './types';
+import { Format } from './types';
 interface DateControlProps {
-    value?: DateString;
-    onChangeValue?: (value: DateString) => void;
+    value?: string;
+    onChangeValue?: (value: string) => void;
+    format?: Format;
     autoComplete?: HTMLInputAutoCompleteAttribute;
-    dataFormat?: DateFormat;
-    viewFormat?: DateFormat;
-    separator?: string;
-    fullYear?: boolean;
-    "aria-invalid"?: HTMLAttributes<HTMLInputElement>["aria-invalid"];
 }
 export declare const DateControl: ControlFC<DateControlProps>;
 export {};

package/dist/components/controls/date-control/index.js

@@ -1,40 +1,136 @@
-import { jsx as a, jsxs as C, Fragment as g } from "react/jsx-runtime";
-import { createElement as h } from "react";
-import { useSplitInput as v } from "../../../hooks/input.js";
-import { noop as F } from "../../../utils/noop.js";
-import { BaseControl as x } from "../base-control/index.js";
-import { useBaseControlProps as D } from "../base-control/props.js";
-import { DateComponentInput as I } from "./component.js";
-import { getDefaultFormat as e } from "./types.js";
-import '../../../assets/index6.css';const y = (n) => {
-  const { baseProps: m, controlProps: p } = D(n, {
-    className: "component-date-control"
-  }), { register: s } = v(), {
-    value: i = "",
-    onChangeValue: l = F,
-    autoComplete: c,
-    dataFormat: d = e(),
-    viewFormat: o = e(),
-    "aria-invalid": f
-  } = p;
-  return /* @__PURE__ */ a(x, { ...m, children: o.components.map((r, t, u) => /* @__PURE__ */ C(g, { children: [
-    /* @__PURE__ */ h(
-      I,
+import { jsxs as s, jsx as o, Fragment as b } from "react/jsx-runtime";
+import { Button as y } from "../../button/index.js";
+import { useSplitInput as I } from "../../../hooks/input.js";
+import * as e from "react";
+import { useMemo as c } from "react";
+import { useTemporaryChange as $ } from "../../../hooks/temporary.js";
+import '../../../assets/style10.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style9.css';/* empty css                      */
+import { noop as g } from "../../../utils/noop.js";
+/* empty css                      */
+/* empty css                      */
+import { Popover as H } from "../../../primitives/popover/index.js";
+/* empty css                      */
+import "../../../primitives/scroll-area/index.js";
+import "../../../primitives/symbol/index.js";
+/* empty css                      */
+/* empty css                      */
+/* empty css                      */
+/* empty css                       */
+import { w as x } from "../../../SSRBase.es-BUXS72ra.js";
+import { BaseControl as T } from "../base-control/index.js";
+import { useBaseControlProps as z } from "../base-control/props.js";
+import { DateComponentInput as R } from "./component.js";
+import { f as m, D as S } from "../../../picker-D0DleQso.js";
+/* empty css                      */
+import { getDefaultFormat as W } from "./types.js";
+import { safeParseDate as M } from "./util.js";
+const q = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,28H188V24a12,12,0,0,0-24,0v4H92V24a12,12,0,0,0-24,0v4H48A20,20,0,0,0,28,48V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V48A20,20,0,0,0,208,28ZM68,52a12,12,0,0,0,24,0h72a12,12,0,0,0,24,0h16V76H52V52ZM52,204V100H204V204Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
       {
-        ...s(t),
-        key: r,
-        component: r,
-        dataFormat: d,
-        viewFormat: o,
-        value: i,
-        onChangeValue: l,
-        autoComplete: c,
-        "aria-invalid": f
+        d: "M216,48V88H40V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z",
+        opacity: "0.2"
       }
-    ),
-    u.length - 1 !== t && /* @__PURE__ */ a("span", { className: "component-date-control__separator", children: o.separator })
-  ] })) });
+    ), /* @__PURE__ */ e.createElement("path", { d: "M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,48H48V48H72v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,34H182V24a6,6,0,0,0-12,0V34H86V24a6,6,0,0,0-12,0V34H48A14,14,0,0,0,34,48V208a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V48A14,14,0,0,0,208,34ZM48,46H74V56a6,6,0,0,0,12,0V46h84V56a6,6,0,0,0,12,0V46h26a2,2,0,0,1,2,2V82H46V48A2,2,0,0,1,48,46ZM208,210H48a2,2,0,0,1-2-2V94H210V208A2,2,0,0,1,208,210Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,36H180V24a4,4,0,0,0-8,0V36H84V24a4,4,0,0,0-8,0V36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36ZM48,44H76V56a4,4,0,0,0,8,0V44h88V56a4,4,0,0,0,8,0V44h28a4,4,0,0,1,4,4V84H44V48A4,4,0,0,1,48,44ZM208,212H48a4,4,0,0,1-4-4V92H212V208A4,4,0,0,1,208,212Z" }))
+  ]
+]), Z = e.forwardRef((l, i) => /* @__PURE__ */ e.createElement(x, { ref: i, ...l, weights: q }));
+Z.displayName = "CalendarBlankIcon";
+const u0 = (l) => {
+  var v;
+  const { baseProps: i, controlProps: A } = z(l, {
+    className: "component-date-control",
+    directFocus: !1
+  }), { register: E } = I(), {
+    value: d = "",
+    onChangeValue: h = g,
+    format: a = W(),
+    id: w,
+    ...C
+  } = A, n = c(
+    () => M(d, a.store.join(a.separator)),
+    [d, a]
+  ), u = c(
+    () => a.view && n ? m(n, a.view) : "",
+    [a.view, n]
+  ), _ = c(() => a.edit ? n ? a.edit.map((t) => m(n, t)) : a.edit.map(() => "") : [], [n, a]), { temporary: f, update: F, discard: P, commit: j } = $([
+    _,
+    g
+  ]), B = (t, r) => {
+    F(
+      (p) => p.map((V, k) => t === k ? r : V)
+    );
+  }, D = () => {
+    if (!a.edit)
+      return;
+    const t = M(
+      f.join(a.separator),
+      a.edit.join(a.separator)
+    );
+    t && (j(), h(m(t, a.store.join(a.separator))));
+  }, N = (t) => {
+    const r = m(t, a.store.join(a.separator));
+    h(r), P();
+  };
+  return /* @__PURE__ */ s(T, { ...i, children: [
+    (v = a.edit) == null ? void 0 : v.map((t, r, p) => /* @__PURE__ */ s(b, { children: [
+      /* @__PURE__ */ o(
+        R,
+        {
+          id: `${w}-${t}`,
+          ...C,
+          component: t,
+          value: f[r],
+          onChangeValue: (V) => B(r, V),
+          onBlur: D,
+          ...E(r)
+        },
+        t
+      ),
+      p.length - 1 !== r && /* @__PURE__ */ o("span", { className: "component-date-control__separator", children: "/" })
+    ] })),
+    u && /* @__PURE__ */ o("span", { className: "component-date-control__view", children: u }),
+    /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ o(
+        H.Target,
+        {
+          className: "component-date-control__picker__btn",
+          render: /* @__PURE__ */ o(y.Icon, { variant: "ghost", size: "small" }),
+          children: /* @__PURE__ */ o(Z, {})
+        }
+      ),
+      /* @__PURE__ */ o(H.Window, { children: /* @__PURE__ */ o(
+        S,
+        {
+          className: "component-date-control__picker",
+          value: n,
+          onChangeValue: N
+        }
+      ) })
+    ] })
+  ] });
 };
 export {
-  y as DateControl
+  u0 as DateControl
 };

package/dist/components/controls/date-control/picker.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface DatePickerProps {
+    className?: string;
+    value?: Date;
+    onChangeValue?: (date: Date) => void;
+}
+export declare const DatePicker: FC<DatePickerProps>;
+export {};

package/dist/components/controls/date-control/picker.js

@@ -0,0 +1,18 @@
+import "react/jsx-runtime";
+import "../../button/index.js";
+import "../../../utils/array.js";
+import "../../../utils/css.js";
+import "../../../utils/noop.js";
+import "../../../CaretLeft.es-C1wX08tw.js";
+import "../../../CaretRight.es-vnr78BGI.js";
+import "react";
+import '../../../assets/style10.css';/* empty css                      */
+import "../../../protectedTokens-DdjZoCxO.js";
+import { D as d } from "../../../picker-D0DleQso.js";
+import "../../../composite-provider-cs4korvf.js";
+import "../../../5JTVDSTH-BiHTUReD.js";
+import "../../../J2LQO3EC-DIOM09Y6.js";
+import "../../../6VRAQV3D-DIdyGLyW.js";
+export {
+  d as DatePicker
+};

package/dist/components/controls/date-control/types.d.ts

@@ -1,15 +1,12 @@
-export type DateComponent = "day" | "month" | "year" | "fullYear";
-export type DateString = string;
-export type DateFormat = {
-    components: DateComponent[];
+export type Format = {
+    store: string[];
+    edit?: string[];
+    view?: string;
     separator: string;
 };
-export type ParsedDate = Partial<Record<DateComponent, string>>;
-export declare function getDefaultFormat(): DateFormat;
-export declare function parseDateString(value: DateString | undefined, format: DateFormat): ParsedDate;
-export declare function formatDateString(value: ParsedDate, format: DateFormat): DateString;
-export declare function getComponentMaxLength(component: DateComponent): 4 | 2;
-export declare function getComponentMinValue(component: DateComponent): 1 | 0 | 1900;
-export declare function getComponentMaxValue(component: DateComponent): 12 | 31 | 99 | 3000;
-export declare function getComponentPlaceholder(component: DateComponent): "DD" | "MM" | "YY" | "YYYY";
-export declare function getComponentAutocomplete(prefix: string | undefined, component: DateComponent): string;
+export declare function getDefaultFormat(): Format;
+export declare function getComponentMaxLength(component: string): number;
+export declare function getComponentPlaceholder(component: string): string;
+export declare function getComponentMinValue(component: string): 0 | 1 | 1900;
+export declare function getComponentMaxValue(component: string): 12 | 23 | 59 | 31 | 99 | 3000 | undefined;
+export declare function getComponentAutocomplete(prefix: string | undefined, component: string): string | undefined;

package/dist/components/controls/date-control/types.js

@@ -1,74 +1,97 @@
-function l() {
+function c() {
   return {
-    components: ["fullYear", "month", "day"],
+    store: ["yyyy", "MM", "dd"],
+    edit: ["dd", "MM", "yyyy"],
+    view: "do MMM, yyyy",
     separator: "-"
   };
 }
-function i(e, t) {
-  const { separator: n, components: a } = t, u = (e || "").split(n);
-  return a.reduce(
-    (r, o, c) => ({
-      ...r,
-      [o]: u[c]
-    }),
-    {}
-  );
-}
-function f(e, t) {
-  const { separator: n, components: a } = t, u = /\D/g;
-  return a.map(function(r) {
-    return (e[r] || "").replace(u, "").substring(0, s(r));
-  }).join(n);
-}
 function s(e) {
-  return e === "fullYear" ? 4 : 2;
+  return e.length;
+}
+function t(e) {
+  return e.toUpperCase();
 }
-function m(e) {
-  return e === "year" ? 0 : e === "fullYear" ? 1900 : 1;
+function u(e) {
+  switch (e) {
+    case "yy":
+    case "uu":
+      return 0;
+    case "yyyy":
+    case "uuuu":
+      return 1900;
+    default:
+      return 1;
+  }
 }
-function p(e) {
+function n(e) {
   switch (e) {
-    case "day":
+    case "h":
+    case "ho":
+    case "hh":
+      return 12;
+    case "H":
+    case "Ho":
+    case "HH":
+      return 23;
+    case "m":
+    case "mo":
+    case "mm":
+      return 59;
+    case "d":
+    case "do":
+    case "dd":
       return 31;
-    case "month":
+    case "M":
+    case "MM":
+    case "MMM":
+    case "MMMMM":
+    case "MMMMM":
+    case "L":
+    case "Lo":
+    case "LL":
+    case "LLL":
+    case "LLLL":
+    case "LLLLLL":
       return 12;
-    case "year":
+    case "yy":
+    case "uu":
       return 99;
-    case "fullYear":
+    case "yyyy":
+    case "uuuu":
       return 3e3;
   }
 }
-function g(e) {
-  switch (e) {
-    case "day":
-      return "DD";
-    case "month":
-      return "MM";
-    case "year":
-      return "YY";
-    case "fullYear":
-      return "YYYY";
-  }
-}
-function Y(e, t) {
-  switch (t) {
-    case "day":
+function M(e, a) {
+  switch (a) {
+    case "d":
+    case "do":
+    case "dd":
       return `${e}-day`;
-    case "month":
+    case "M":
+    case "MM":
+    case "MMM":
+    case "MMMMM":
+    case "MMMMM":
+    case "L":
+    case "Lo":
+    case "LL":
+    case "LLL":
+    case "LLLL":
+    case "LLLLLL":
       return `${e}-month`;
-    case "year":
-      return `${e}-year`;
-    case "fullYear":
+    case "yy":
+    case "yyyy":
+    case "uu":
+    case "uuuu":
       return `${e}-year`;
   }
 }
 export {
-  f as formatDateString,
-  Y as getComponentAutocomplete,
+  M as getComponentAutocomplete,
   s as getComponentMaxLength,
-  p as getComponentMaxValue,
-  m as getComponentMinValue,
-  g as getComponentPlaceholder,
-  l as getDefaultFormat,
-  i as parseDateString
+  n as getComponentMaxValue,
+  u as getComponentMinValue,
+  t as getComponentPlaceholder,
+  c as getDefaultFormat
 };

package/dist/components/controls/date-control/util.d.ts

@@ -0,0 +1 @@
+export declare function safeParseDate(value: string, format: string): Date | undefined;