ods-ant 0.2.0 → 0.4.0

package/dist-lib/DatePicker-BpjYibJF.js

@@ -0,0 +1,599 @@
+import { t as e } from "./core-C-tv3mqr.js";
+import { dsSemanticTokens as t } from "./theme.js";
+import { FieldShell as n } from "./forms/FieldShell.js";
+import { t as r } from "./fieldProps-EeYy2kXb.js";
+import { DatePicker as i } from "antd";
+import { useEffect as a, useId as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/ds/forms/datePickerStyles.ts
+var c = "ds-date-picker-styles", l = "ds-date-picker", u = "ds-date-picker-panel", d = (...e) => e.filter(Boolean).join(" ").trim(), f = () => {
+	if (typeof document > "u") return;
+	let { button: n, input: r } = t, i = document.getElementById(c);
+	i || (i = document.createElement("style"), i.id = c, document.head.appendChild(i)), i.textContent = `
+
+    /* ── Trigger: base ───────────────────────────────── */
+
+    .${l}.ant-picker {
+      border-color: ${r.border.default} !important;
+      border-width: ${r.border.widthDefault} !important;
+      border-style: solid !important;
+      border-radius: ${r.border.radius} !important;
+      background-color: ${r.background.default} !important;
+      box-shadow: none !important;
+      min-height: ${r.height.middle} !important;
+      height: ${r.height.middle} !important;
+      padding: 0 ${r.padding.middle.x} !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      width: 100% !important;
+      transition: none !important;
+    }
+
+    .${l}.ant-picker:has(.ant-picker-input > input[readonly]:not(:disabled)) {
+      background-color: ${r.background.readOnly} !important;
+      border-color: ${r.border.default} !important;
+      box-shadow: none !important;
+    }
+
+    .${l}.ant-picker.ant-picker-outlined {
+      border-color: ${r.border.default} !important;
+      box-shadow: none !important;
+    }
+
+    /* ── Trigger: sizes ──────────────────────────────── */
+
+    .${l}.ant-picker.ant-picker-small {
+      min-height: ${r.height.small} !important;
+      height: ${r.height.small} !important;
+      padding: 0 ${r.padding.small.x} !important;
+    }
+
+    .${l}.ant-picker.ant-picker-large {
+      min-height: ${r.height.large} !important;
+      height: ${r.height.large} !important;
+      padding: 0 ${r.padding.large.x} !important;
+    }
+
+    /* ── Trigger: hover ──────────────────────────────── */
+
+    .${l}.ant-picker:not(.ant-picker-disabled):hover,
+    .${l}.ant-picker.ant-picker-outlined:not(.ant-picker-disabled):hover {
+      border-color: ${r.border.hover} !important;
+      box-shadow: none !important;
+    }
+
+    /* ── Trigger: focus / open ───────────────────────── */
+
+    .${l}.ant-picker.ant-picker-focused,
+    .${l}.ant-picker.ant-picker-outlined.ant-picker-focused {
+      border-color: ${r.border.focus} !important;
+      border-width: ${r.border.widthFocus} !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .${l}.ant-picker.ant-picker-focused:hover,
+    .${l}.ant-picker.ant-picker-outlined.ant-picker-focused:hover {
+      border-color: ${r.border.focus} !important;
+      border-width: ${r.border.widthFocus} !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .${l}.ant-picker:focus-within,
+    .${l}.ant-picker .ant-picker-input > input:focus,
+    .${l}.ant-picker .ant-picker-input > input:focus-visible {
+      outline: none !important;
+      box-shadow: none !important;
+    }
+
+    /* ── Trigger: status ─────────────────────────────── */
+
+    .${l}.ant-picker.ant-picker-status-error,
+    .${l}.ant-picker.ant-picker-outlined.ant-picker-status-error {
+      border-color: ${r.border.error} !important;
+      box-shadow: none !important;
+    }
+
+    .${l}.ant-picker.ant-picker-status-warning,
+    .${l}.ant-picker.ant-picker-outlined.ant-picker-status-warning {
+      border-color: ${e.status.warning} !important;
+      box-shadow: none !important;
+    }
+
+    .${l}.ant-picker.ant-picker-status-success,
+    .${l}.ant-picker.ant-picker-outlined.ant-picker-status-success {
+      border-color: ${r.border.success} !important;
+      box-shadow: none !important;
+    }
+
+    /* ── Trigger: disabled ───────────────────────────── */
+
+    .${l}.ant-picker.ant-picker-disabled {
+      background-color: ${r.background.disabled} !important;
+      border-color: transparent !important;
+      box-shadow: none !important;
+    }
+
+    /* ── Input text ──────────────────────────────────── */
+
+    .${l}.ant-picker .ant-picker-input > input {
+      font-size: 14px !important;
+      line-height: 18px !important;
+      font-weight: 400 !important;
+      color: ${e.text.strong} !important;
+    }
+
+    .${l}.ant-picker .ant-picker-input > input::placeholder {
+      color: ${r.text.placeholder} !important;
+      font-weight: 400 !important;
+      opacity: 1 !important;
+    }
+
+    .${l}.ant-picker.ant-picker-focused .ant-picker-input > input {
+      color: ${e.text.strong} !important;
+      font-weight: ${r.focusFontWeight} !important;
+    }
+
+    .${l}.ant-picker.ant-picker-status-error .ant-picker-input > input {
+      color: ${r.border.error} !important;
+      font-weight: ${r.focusFontWeight} !important;
+    }
+
+    .${l}.ant-picker.ant-picker-disabled .ant-picker-input > input {
+      color: ${r.text.disabled} !important;
+    }
+
+    .${l}.ant-picker .ant-picker-input > input[readonly]:not(:disabled) {
+      color: ${r.text.readOnly} !important;
+      font-weight: 400 !important;
+    }
+
+    /* ── Suffix icon ─────────────────────────────────── */
+
+    .${l}.ant-picker .ant-picker-suffix,
+    .${l}.ant-picker .ant-picker-suffix .anticon {
+      color: ${r.border.default} !important;
+      font-size: 14px !important;
+    }
+
+    .${l}.ant-picker.ant-picker-focused .ant-picker-suffix,
+    .${l}.ant-picker.ant-picker-focused .ant-picker-suffix .anticon {
+      color: ${r.border.default} !important;
+    }
+
+    .${l}.ant-picker.ant-picker-status-error .ant-picker-suffix,
+    .${l}.ant-picker.ant-picker-status-error .ant-picker-suffix .anticon {
+      color: ${r.border.default} !important;
+    }
+
+    .${l}.ant-picker.ant-picker-disabled .ant-picker-suffix,
+    .${l}.ant-picker.ant-picker-disabled .ant-picker-suffix .anticon {
+      color: ${r.text.disabled} !important;
+    }
+
+    /* ── Clear button ────────────────────────────────── */
+
+    .${l}.ant-picker .ant-picker-clear {
+      color: ${r.text.default} !important;
+      background: ${r.background.default} !important;
+    }
+
+    .${l}.ant-picker .ant-picker-clear:hover {
+      color: ${r.text.focus} !important;
+    }
+
+    /* ── Calendar panel container ────────────────────── */
+
+    .${u}.ant-picker-dropdown .ant-picker-panel-container {
+      border: 1px solid ${r.text.focus} !important;
+      border-radius: 4px !important;
+      background: ${r.background.default} !important;
+      box-shadow: 0 2px 4px color-mix(in srgb, ${e.text.primary} 30%, transparent) !important;
+      overflow: hidden !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-panel {
+      border: 0 !important;
+      border-radius: 0 !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-date-panel,
+    .${u}.ant-picker-dropdown .ant-picker-month-panel,
+    .${u}.ant-picker-dropdown .ant-picker-year-panel,
+    .${u}.ant-picker-dropdown .ant-picker-quarter-panel,
+    .${u}.ant-picker-dropdown .ant-picker-week-panel,
+    .${u}.ant-picker-dropdown .ant-picker-decade-panel {
+      width: 300px !important;
+      padding: 16px !important;
+    }
+
+    /* ── Panel header ────────────────────────────────── */
+
+    .${u}.ant-picker-dropdown .ant-picker-header {
+      border-bottom: 0 !important;
+      padding: 0 0 8px !important;
+      color: ${r.text.focus} !important;
+      display: flex !important;
+      align-items: center !important;
+      justify-content: flex-start !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header button {
+      color: ${r.text.focus} !important;
+      font-size: 14px !important;
+      line-height: 18px !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+      padding: 0 !important;
+      margin: 0 !important;
+      border: 0 !important;
+      background: transparent !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header button:hover {
+      color: ${r.border.focus} !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header-view {
+      font-size: 16px !important;
+      font-weight: 600 !important;
+      line-height: 20px !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+      color: ${n.primary.default} !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      gap: 2px !important;
+      order: 1 !important;
+      margin-right: auto !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header-view,
+    .${u}.ant-picker-dropdown .ant-picker-header-view *,
+    .${u}.ant-picker-dropdown .ant-picker-header-view button *,
+    .${u}.ant-picker-dropdown .ant-picker-header-view button span {
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header-view button {
+      color: ${n.primary.default} !important;
+      font-size: 16px !important;
+      font-weight: 600 !important;
+      line-height: 20px !important;
+      letter-spacing: ${n.typography.middle.letterSpacing} !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+      cursor: pointer !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header-view button:hover {
+      color: ${n.primary.hover} !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header-view button:active,
+    .${u}.ant-picker-dropdown .ant-picker-header-view button:focus-visible {
+      color: ${n.primary.pressed} !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header-super-prev-btn,
+    .${u}.ant-picker-dropdown .ant-picker-header-super-next-btn {
+      display: none !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header-prev-btn,
+    .${u}.ant-picker-dropdown .ant-picker-header-next-btn {
+      width: 14px !important;
+      height: 14px !important;
+      min-width: 14px !important;
+      min-height: 14px !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      color: ${r.text.focus} !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header-prev-btn,
+    .${u}.ant-picker-dropdown .ant-picker-header-next-btn {
+      margin-left: 16px !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header-prev-btn {
+      order: 2 !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header-next-btn {
+      order: 3 !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-header-prev-icon,
+    .${u}.ant-picker-dropdown .ant-picker-header-next-icon {
+      width: 14px !important;
+      height: 14px !important;
+      font-size: 14px !important;
+    }
+
+    /* ── Day-of-week header row ──────────────────────── */
+
+    .${u}.ant-picker-dropdown .ant-picker-content th {
+      color: ${r.border.default} !important;
+      font-size: 12px !important;
+      font-weight: 600 !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+      text-transform: uppercase !important;
+      letter-spacing: 0.48px !important;
+      padding: 0 0 8px !important;
+    }
+
+    /* ── Day cells ───────────────────────────────────── */
+
+    .${u}.ant-picker-dropdown .ant-picker-body {
+      padding: 0 !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-cell {
+      color: ${e.text.strong} !important;
+      padding: 2px 0 !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-cell-in-view {
+      color: ${e.text.strong} !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-content tr {
+      display: table-row !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-content td {
+      display: table-cell !important;
+      visibility: visible !important;
+      opacity: 1 !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-cell .ant-picker-cell-inner {
+      font-size: 12px !important;
+      font-weight: 400 !important;
+      line-height: 16px !important;
+      min-width: 28px !important;
+      height: 28px !important;
+      border-radius: 50% !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+    }
+
+    /* ── Cell: hover ─────────────────────────────────── */
+
+    .${u}.ant-picker-dropdown
+      .ant-picker-cell:not(.ant-picker-cell-selected):not(.ant-picker-cell-disabled):not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end):not(.ant-picker-cell-range-hover):hover
+      .ant-picker-cell-inner {
+      background: ${e.semantic.infoBg} !important;
+      color: ${r.text.focus} !important;
+    }
+
+    /* ── Cell: today ─────────────────────────────────── */
+
+    .${u}.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner {
+      font-weight: 400 !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner::before {
+      border: 1px solid ${e.text.strong} !important;
+      border-radius: 50% !important;
+    }
+
+    /* ── Cell: selected ──────────────────────────────── */
+
+    .${u}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-cell-selected:hover .ant-picker-cell-inner {
+      background: ${e.accent.highlightSoft} !important;
+      background-color: ${e.accent.highlightSoft} !important;
+      border: 2px solid ${e.accent.highlight} !important;
+      color: ${e.text.strong} !important;
+      font-weight: 700 !important;
+      border-radius: 50% !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner::before {
+      border: 0 !important;
+    }
+
+    /* ── Month / year panel cell selected ────────────── */
+
+    .${u}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-selected .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-selected .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-selected .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell-selected .ant-picker-cell-inner {
+      background: ${e.accent.highlightSoft} !important;
+      background-color: ${e.accent.highlightSoft} !important;
+      border: 2px solid ${e.accent.highlight} !important;
+      color: ${e.text.strong} !important;
+      font-weight: 700 !important;
+      border-radius: 16px !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell .ant-picker-cell-inner {
+      font-size: 14px !important;
+      line-height: 18px !important;
+      font-weight: 400 !important;
+      border-radius: 16px !important;
+      min-width: 56px !important;
+      height: 28px !important;
+      padding: 0 8px !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {
+      background: ${e.accent.highlightSoft} !important;
+      background-color: ${e.accent.highlightSoft} !important;
+      border: 2px solid ${e.accent.highlight} !important;
+      color: ${e.text.strong} !important;
+      font-weight: 700 !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected::before,
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover::before,
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-range-hover::before {
+      background: transparent !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell::before,
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell:hover::before,
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-in-view.ant-picker-cell-in-range::before,
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-in-view.ant-picker-cell-range-hover::before {
+      background: transparent !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {
+      background: ${e.accent.highlightSoft} !important;
+      background-color: ${e.accent.highlightSoft} !important;
+      border: 2px solid ${e.accent.highlight} !important;
+      color: ${e.text.strong} !important;
+      font-weight: 700 !important;
+      border-radius: 50% !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {
+      background: ${e.accent.highlightSoft} !important;
+      background-color: ${e.accent.highlightSoft} !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner::before,
+    .${u}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner::before {
+      border: 0 !important;
+      background: transparent !important;
+    }
+
+    /* ── Footer ──────────────────────────────────────── */
+
+    .${u}.ant-picker-dropdown .ant-picker-footer {
+      display: none !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-today-btn {
+      color: ${r.border.focus} !important;
+      font-size: 14px !important;
+      font-weight: 400 !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-today-btn:hover {
+      color: ${e.brand.primaryHover} !important;
+    }
+
+    /* ── Range picker ────────────────────────────────── */
+
+    .${u}.ant-picker-dropdown .ant-picker-cell-in-range .ant-picker-cell-inner {
+      background: ${e.accent.highlightBg} !important;
+      color: ${e.text.strong} !important;
+      border-radius: 0 !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-cell-in-range::before,
+    .${u}.ant-picker-dropdown .ant-picker-cell-range-start::before,
+    .${u}.ant-picker-dropdown .ant-picker-cell-range-end::before {
+      background: ${e.accent.highlightBg} !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-cell-range-start .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-cell-range-end .ant-picker-cell-inner {
+      background: ${e.accent.highlightSoft} !important;
+      border: 2px solid ${e.accent.highlight} !important;
+      color: ${e.text.strong} !important;
+      font-weight: 700 !important;
+      border-radius: 50% !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-cell-range-start:hover .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-cell-range-end:hover .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-cell-range-start.ant-picker-cell-range-hover-start .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-cell-range-end.ant-picker-cell-range-hover-end .ant-picker-cell-inner {
+      background: ${e.accent.highlightSoft} !important;
+      border: 2px solid ${e.accent.highlight} !important;
+      color: ${e.text.strong} !important;
+      font-weight: 700 !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-cell-range-hover-start .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-cell-range-hover-end .ant-picker-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-cell-range-hover .ant-picker-cell-inner {
+      background: ${e.accent.highlightBg} !important;
+    }
+
+  `;
+}, p = "MM-DD-YYYY", m = ({ className: e, popupClassName: t, classNames: c, fieldLabel: p, fieldRequired: m, fieldDescription: h, fieldError: g, fieldActions: _, containerStyle: v, clear: y, clearable: b = !1, clearLabel: x, clearVisibility: S = "always", onClear: C, onValueChange: w, id: T, ...E }) => {
+	let D = o();
+	a(() => {
+		f();
+	}, []);
+	let O = !!(p || m || h || g || _ || b || y || C), k = T ?? (O ? D : void 0), A = k ? `${k}-description` : void 0, j = k ? `${k}-error` : void 0, M = y?.onClear ?? C, N = d(l, e), P = d(u, c?.popup?.root, t), F = {
+		...c ?? {},
+		popup: {
+			...c?.popup ?? {},
+			root: P
+		}
+	}, I = E.format ?? "MM-DD-YYYY", L = E.placeholder ?? "MM-DD-YYYY", R = r(h ? A : void 0, g ? j : void 0), z = /* @__PURE__ */ s(i, {
+		...E,
+		id: k,
+		format: I,
+		placeholder: L,
+		className: N,
+		classNames: F,
+		status: g ? "error" : E.status,
+		"aria-describedby": R,
+		"aria-invalid": g ? !0 : void 0,
+		onChange: (e, t) => {
+			E.onChange?.(e, t), w?.(e);
+		}
+	});
+	return O ? /* @__PURE__ */ s(n, {
+		label: p,
+		required: m,
+		htmlFor: k,
+		description: h,
+		descriptionId: A,
+		error: g,
+		errorId: j,
+		clear: y,
+		clearable: b,
+		clearLabel: x,
+		clearVisibility: S,
+		clearValue: E.value,
+		onClear: () => {
+			M?.(), w?.(null), E.onChange?.(null, "");
+		},
+		extraActions: _,
+		style: v,
+		children: z
+	}) : z;
+};
+m.displayName = "DatePicker";
+var h = ({ className: e, popupClassName: t, classNames: n, ...r }) => {
+	a(() => {
+		f();
+	}, []);
+	let o = d(l, e), c = d(u, n?.popup?.root, t), p = {
+		...n ?? {},
+		popup: {
+			...n?.popup ?? {},
+			root: c
+		}
+	}, m = r.format ?? "MM-DD-YYYY", h = r.placeholder ?? ["MM-DD-YYYY", "MM-DD-YYYY"];
+	return /* @__PURE__ */ s(i.RangePicker, {
+		...r,
+		format: m,
+		placeholder: h,
+		className: o,
+		classNames: p
+	});
+};
+h.displayName = "DatePicker.RangePicker", m.RangePicker = h;
+//#endregion
+export { m as n, p as t };
+
+//# sourceMappingURL=DatePicker-BpjYibJF.js.map

package/dist-lib/DatePicker-BpjYibJF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-BpjYibJF.js","names":[],"sources":["../src/ds/forms/datePickerStyles.ts","../src/ds/forms/DatePicker.tsx"],"sourcesContent":["import { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { CORE_COLORS } from '../../tokens/core';\n\nconst STYLE_ID = 'ds-date-picker-styles';\n\nexport const DS_PICKER_CLASS = 'ds-date-picker';\nexport const DS_PICKER_PANEL_CLASS = 'ds-date-picker-panel';\n\nexport const mergePickerClassNames = (...classNames: Array<string | undefined>): string =>\n  classNames.filter(Boolean).join(' ').trim();\n\nexport const ensureDatePickerStyles = () => {\n  if (typeof document === 'undefined') {\n    return;\n  }\n\n  const { button, input } = dsSemanticTokens;\n  let style = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n  if (!style) {\n    style = document.createElement('style');\n    style.id = STYLE_ID;\n    document.head.appendChild(style);\n  }\n\n  style.textContent = `\n\n    /* ── Trigger: base ───────────────────────────────── */\n\n    .${DS_PICKER_CLASS}.ant-picker {\n      border-color: ${input.border.default} !important;\n      border-width: ${input.border.widthDefault} !important;\n      border-style: solid !important;\n      border-radius: ${input.border.radius} !important;\n      background-color: ${input.background.default} !important;\n      box-shadow: none !important;\n      min-height: ${input.height.middle} !important;\n      height: ${input.height.middle} !important;\n      padding: 0 ${input.padding.middle.x} !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      width: 100% !important;\n      transition: none !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker:has(.ant-picker-input > input[readonly]:not(:disabled)) {\n      background-color: ${input.background.readOnly} !important;\n      border-color: ${input.border.default} !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined {\n      border-color: ${input.border.default} !important;\n      box-shadow: none !important;\n    }\n\n    /* ── Trigger: sizes ──────────────────────────────── */\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-small {\n      min-height: ${input.height.small} !important;\n      height: ${input.height.small} !important;\n      padding: 0 ${input.padding.small.x} !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-large {\n      min-height: ${input.height.large} !important;\n      height: ${input.height.large} !important;\n      padding: 0 ${input.padding.large.x} !important;\n    }\n\n    /* ── Trigger: hover ──────────────────────────────── */\n\n    .${DS_PICKER_CLASS}.ant-picker:not(.ant-picker-disabled):hover,\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined:not(.ant-picker-disabled):hover {\n      border-color: ${input.border.hover} !important;\n      box-shadow: none !important;\n    }\n\n    /* ── Trigger: focus / open ───────────────────────── */\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused,\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-focused {\n      border-color: ${input.border.focus} !important;\n      border-width: ${input.border.widthFocus} !important;\n      box-shadow: none !important;\n      outline: none !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused:hover,\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-focused:hover {\n      border-color: ${input.border.focus} !important;\n      border-width: ${input.border.widthFocus} !important;\n      box-shadow: none !important;\n      outline: none !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker:focus-within,\n    .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input:focus,\n    .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input:focus-visible {\n      outline: none !important;\n      box-shadow: none !important;\n    }\n\n    /* ── Trigger: status ─────────────────────────────── */\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-error,\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-error {\n      border-color: ${input.border.error} !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-warning,\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-warning {\n      border-color: ${CORE_COLORS.status.warning} !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-success,\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-success {\n      border-color: ${input.border.success} !important;\n      box-shadow: none !important;\n    }\n\n    /* ── Trigger: disabled ───────────────────────────── */\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-disabled {\n      background-color: ${input.background.disabled} !important;\n      border-color: transparent !important;\n      box-shadow: none !important;\n    }\n\n    /* ── Input text ──────────────────────────────────── */\n\n    .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input {\n      font-size: 14px !important;\n      line-height: 18px !important;\n      font-weight: 400 !important;\n      color: ${CORE_COLORS.text.strong} !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input::placeholder {\n      color: ${input.text.placeholder} !important;\n      font-weight: 400 !important;\n      opacity: 1 !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused .ant-picker-input > input {\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: ${input.focusFontWeight} !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-error .ant-picker-input > input {\n      color: ${input.border.error} !important;\n      font-weight: ${input.focusFontWeight} !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-disabled .ant-picker-input > input {\n      color: ${input.text.disabled} !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker .ant-picker-input > input[readonly]:not(:disabled) {\n      color: ${input.text.readOnly} !important;\n      font-weight: 400 !important;\n    }\n\n    /* ── Suffix icon ─────────────────────────────────── */\n\n    .${DS_PICKER_CLASS}.ant-picker .ant-picker-suffix,\n    .${DS_PICKER_CLASS}.ant-picker .ant-picker-suffix .anticon {\n      color: ${input.border.default} !important;\n      font-size: 14px !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused .ant-picker-suffix,\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-focused .ant-picker-suffix .anticon {\n      color: ${input.border.default} !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-error .ant-picker-suffix,\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-status-error .ant-picker-suffix .anticon {\n      color: ${input.border.default} !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-disabled .ant-picker-suffix,\n    .${DS_PICKER_CLASS}.ant-picker.ant-picker-disabled .ant-picker-suffix .anticon {\n      color: ${input.text.disabled} !important;\n    }\n\n    /* ── Clear button ────────────────────────────────── */\n\n    .${DS_PICKER_CLASS}.ant-picker .ant-picker-clear {\n      color: ${input.text.default} !important;\n      background: ${input.background.default} !important;\n    }\n\n    .${DS_PICKER_CLASS}.ant-picker .ant-picker-clear:hover {\n      color: ${input.text.focus} !important;\n    }\n\n    /* ── Calendar panel container ────────────────────── */\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-panel-container {\n      border: 1px solid ${input.text.focus} !important;\n      border-radius: 4px !important;\n      background: ${input.background.default} !important;\n      box-shadow: 0 2px 4px color-mix(in srgb, ${CORE_COLORS.text.primary} 30%, transparent) !important;\n      overflow: hidden !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-panel {\n      border: 0 !important;\n      border-radius: 0 !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-date-panel,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-month-panel,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-year-panel,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-quarter-panel,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-decade-panel {\n      width: 300px !important;\n      padding: 16px !important;\n    }\n\n    /* ── Panel header ────────────────────────────────── */\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header {\n      border-bottom: 0 !important;\n      padding: 0 0 8px !important;\n      color: ${input.text.focus} !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: flex-start !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header button {\n      color: ${input.text.focus} !important;\n      font-size: 14px !important;\n      line-height: 18px !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n      padding: 0 !important;\n      margin: 0 !important;\n      border: 0 !important;\n      background: transparent !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header button:hover {\n      color: ${input.border.focus} !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view {\n      font-size: 16px !important;\n      font-weight: 600 !important;\n      line-height: 20px !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n      color: ${button.primary.default} !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      gap: 2px !important;\n      order: 1 !important;\n      margin-right: auto !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view *,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button *,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button span {\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button {\n      color: ${button.primary.default} !important;\n      font-size: 16px !important;\n      font-weight: 600 !important;\n      line-height: 20px !important;\n      letter-spacing: ${button.typography.middle.letterSpacing} !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n      cursor: pointer !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button:hover {\n      color: ${button.primary.hover} !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button:active,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-view button:focus-visible {\n      color: ${button.primary.pressed} !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-super-prev-btn,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-super-next-btn {\n      display: none !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-prev-btn,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-next-btn {\n      width: 14px !important;\n      height: 14px !important;\n      min-width: 14px !important;\n      min-height: 14px !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      color: ${input.text.focus} !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-prev-btn,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-next-btn {\n      margin-left: 16px !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-prev-btn {\n      order: 2 !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-next-btn {\n      order: 3 !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-prev-icon,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-header-next-icon {\n      width: 14px !important;\n      height: 14px !important;\n      font-size: 14px !important;\n    }\n\n    /* ── Day-of-week header row ──────────────────────── */\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-content th {\n      color: ${input.border.default} !important;\n      font-size: 12px !important;\n      font-weight: 600 !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n      text-transform: uppercase !important;\n      letter-spacing: 0.48px !important;\n      padding: 0 0 8px !important;\n    }\n\n    /* ── Day cells ───────────────────────────────────── */\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-body {\n      padding: 0 !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell {\n      color: ${CORE_COLORS.text.strong} !important;\n      padding: 2px 0 !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-in-view {\n      color: ${CORE_COLORS.text.strong} !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-content tr {\n      display: table-row !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-content td {\n      display: table-cell !important;\n      visibility: visible !important;\n      opacity: 1 !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell .ant-picker-cell-inner {\n      font-size: 12px !important;\n      font-weight: 400 !important;\n      line-height: 16px !important;\n      min-width: 28px !important;\n      height: 28px !important;\n      border-radius: 50% !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n    }\n\n    /* ── Cell: hover ─────────────────────────────────── */\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown\n      .ant-picker-cell:not(.ant-picker-cell-selected):not(.ant-picker-cell-disabled):not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end):not(.ant-picker-cell-range-hover):hover\n      .ant-picker-cell-inner {\n      background: ${CORE_COLORS.semantic.infoBg} !important;\n      color: ${input.text.focus} !important;\n    }\n\n    /* ── Cell: today ─────────────────────────────────── */\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner {\n      font-weight: 400 !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner::before {\n      border: 1px solid ${CORE_COLORS.text.strong} !important;\n      border-radius: 50% !important;\n    }\n\n    /* ── Cell: selected ──────────────────────────────── */\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-selected:hover .ant-picker-cell-inner {\n      background: ${CORE_COLORS.accent.highlightSoft} !important;\n      background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n      border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 700 !important;\n      border-radius: 50% !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner::before {\n      border: 0 !important;\n    }\n\n    /* ── Month / year panel cell selected ────────────── */\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-selected .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-selected .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-selected .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell-selected .ant-picker-cell-inner {\n      background: ${CORE_COLORS.accent.highlightSoft} !important;\n      background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n      border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 700 !important;\n      border-radius: 16px !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell .ant-picker-cell-inner {\n      font-size: 14px !important;\n      line-height: 18px !important;\n      font-weight: 400 !important;\n      border-radius: 16px !important;\n      min-width: 56px !important;\n      height: 28px !important;\n      padding: 0 8px !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {\n      background: ${CORE_COLORS.accent.highlightSoft} !important;\n      background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n      border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 700 !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected::before,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover::before,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-range-hover::before {\n      background: transparent !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell::before,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell:hover::before,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-in-view.ant-picker-cell-in-range::before,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-in-view.ant-picker-cell-range-hover::before {\n      background: transparent !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {\n      background: ${CORE_COLORS.accent.highlightSoft} !important;\n      background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n      border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 700 !important;\n      border-radius: 50% !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {\n      background: ${CORE_COLORS.accent.highlightSoft} !important;\n      background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner::before,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner::before {\n      border: 0 !important;\n      background: transparent !important;\n    }\n\n    /* ── Footer ──────────────────────────────────────── */\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-footer {\n      display: none !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-today-btn {\n      color: ${input.border.focus} !important;\n      font-size: 14px !important;\n      font-weight: 400 !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-today-btn:hover {\n      color: ${CORE_COLORS.brand.primaryHover} !important;\n    }\n\n    /* ── Range picker ────────────────────────────────── */\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-in-range .ant-picker-cell-inner {\n      background: ${CORE_COLORS.accent.highlightBg} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      border-radius: 0 !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-in-range::before,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-start::before,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-end::before {\n      background: ${CORE_COLORS.accent.highlightBg} !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-start .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-end .ant-picker-cell-inner {\n      background: ${CORE_COLORS.accent.highlightSoft} !important;\n      border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 700 !important;\n      border-radius: 50% !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-start:hover .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-end:hover .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-start.ant-picker-cell-range-hover-start .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-end.ant-picker-cell-range-hover-end .ant-picker-cell-inner {\n      background: ${CORE_COLORS.accent.highlightSoft} !important;\n      border: 2px solid ${CORE_COLORS.accent.highlight} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 700 !important;\n    }\n\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-hover-start .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-hover-end .ant-picker-cell-inner,\n    .${DS_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-cell-range-hover .ant-picker-cell-inner {\n      background: ${CORE_COLORS.accent.highlightBg} !important;\n    }\n\n  `;\n\n};\n","import { DatePicker as AntDatePicker } from 'antd';\nimport type { DatePickerProps } from 'antd';\nimport { useEffect, useId } from 'react';\nimport type { ComponentProps } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\nimport {\n  DS_PICKER_CLASS,\n  DS_PICKER_PANEL_CLASS,\n  ensureDatePickerStyles,\n  mergePickerClassNames,\n} from './datePickerStyles';\n\nexport type DSDatePickerProps = DatePickerProps & DSFieldShellProps & {\n  onValueChange?: (value: any) => void;\n};\nexport const DS_DATE_FORMAT = 'MM-DD-YYYY';\n\ntype DSRangePickerProps = ComponentProps<typeof AntDatePicker.RangePicker>;\n\nexport const DatePicker = ({\n  className: providedClassName,\n  popupClassName: providedPopupClassName,\n  classNames: providedClassNames,\n  fieldLabel,\n  fieldRequired,\n  fieldDescription,\n  fieldError,\n  fieldActions,\n  containerStyle,\n  clear,\n  clearable = false,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  id,\n  ...props\n}: DSDatePickerProps) => {\n  const generatedId = useId();\n  useEffect(() => {\n    ensureDatePickerStyles();\n  }, []);\n\n  const shouldWrapInFieldShell = Boolean(\n    fieldLabel ||\n      fieldRequired ||\n      fieldDescription ||\n      fieldError ||\n      fieldActions ||\n      clearable ||\n      clear ||\n      onClear,\n  );\n  const controlId = id ?? (shouldWrapInFieldShell ? generatedId : undefined);\n  const descriptionId = controlId ? `${controlId}-description` : undefined;\n  const errorId = controlId ? `${controlId}-error` : undefined;\n  const clearAction = clear?.onClear ?? onClear;\n\n  const mergedClassName = mergePickerClassNames(DS_PICKER_CLASS, providedClassName);\n  const mergedPopupRootClassName = mergePickerClassNames(\n    DS_PICKER_PANEL_CLASS,\n    (providedClassNames as any)?.popup?.root,\n    providedPopupClassName,\n  );\n\n  const mergedClassNames = {\n    ...(providedClassNames ?? {}),\n    popup: {\n      ...((providedClassNames as any)?.popup ?? {}),\n      root: mergedPopupRootClassName,\n    },\n  } as DatePickerProps['classNames'];\n\n  const resolvedFormat = props.format ?? DS_DATE_FORMAT;\n  const resolvedPlaceholder = props.placeholder ?? DS_DATE_FORMAT;\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n  );\n\n  const control = (\n    <AntDatePicker\n      {...props}\n      id={controlId}\n      format={resolvedFormat}\n      placeholder={resolvedPlaceholder}\n      className={mergedClassName}\n      classNames={mergedClassNames}\n      status={fieldError ? 'error' : props.status}\n      aria-describedby={describedBy}\n      aria-invalid={fieldError ? true : undefined}\n      onChange={(date, dateString) => {\n        props.onChange?.(date, dateString);\n        onValueChange?.(date);\n      }}\n    />\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return control;\n  }\n\n  return (\n    <FieldShell\n      label={fieldLabel}\n      required={fieldRequired}\n      htmlFor={controlId}\n      description={fieldDescription}\n      descriptionId={descriptionId}\n      error={fieldError}\n      errorId={errorId}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      clearValue={props.value}\n      onClear={() => {\n        clearAction?.();\n        onValueChange?.(null);\n        props.onChange?.(null, '');\n      }}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n\nDatePicker.displayName = 'DatePicker';\n\nconst DSRangePicker = ({\n  className: providedClassName,\n  popupClassName: providedPopupClassName,\n  classNames: providedClassNames,\n  ...props\n}: DSRangePickerProps) => {\n  useEffect(() => {\n    ensureDatePickerStyles();\n  }, []);\n\n  const mergedClassName = mergePickerClassNames(DS_PICKER_CLASS, providedClassName);\n  const mergedPopupRootClassName = mergePickerClassNames(\n    DS_PICKER_PANEL_CLASS,\n    (providedClassNames as any)?.popup?.root,\n    providedPopupClassName,\n  );\n\n  const mergedClassNames = {\n    ...(providedClassNames ?? {}),\n    popup: {\n      ...((providedClassNames as any)?.popup ?? {}),\n      root: mergedPopupRootClassName,\n    },\n  } as DSRangePickerProps['classNames'];\n\n  const resolvedFormat = props.format ?? DS_DATE_FORMAT;\n  const resolvedPlaceholder = props.placeholder ?? [DS_DATE_FORMAT, DS_DATE_FORMAT];\n\n  return (\n    <AntDatePicker.RangePicker\n      {...props}\n      format={resolvedFormat}\n      placeholder={resolvedPlaceholder}\n      className={mergedClassName}\n      classNames={mergedClassNames}\n    />\n  );\n};\n\nDSRangePicker.displayName = 'DatePicker.RangePicker';\n\n// Forward DS-wrapped sub-component so callers can do const { RangePicker } = DSDatePicker\n(DatePicker as typeof DatePicker & { RangePicker: typeof DSRangePicker }).RangePicker = DSRangePicker;\n"],"mappings":"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"}