ods-ant 0.2.0 → 0.4.1

package/dist-lib/DatePicker-DTVtamsX.cjs

@@ -0,0 +1,518 @@
+require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./core-bPY3ouxp.cjs`),t=require(`./theme.cjs`),n=require(`./forms/FieldShell.cjs`),r=require(`./fieldProps-CuWfEbFx.cjs`);let i=require(`antd`),a=require(`react`),o=require(`react/jsx-runtime`);var s=`ds-date-picker-styles`,c=`ds-date-picker`,l=`ds-date-picker-panel`,u=(...e)=>e.filter(Boolean).join(` `).trim(),d=()=>{if(typeof document>`u`)return;let{button:n,input:r}=t.dsSemanticTokens,i=document.getElementById(s);i||(i=document.createElement(`style`),i.id=s,document.head.appendChild(i)),i.textContent=`
+
+    /* ── Trigger: base ───────────────────────────────── */
+
+    .${c}.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;
+    }
+
+    .${c}.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;
+    }
+
+    .${c}.ant-picker.ant-picker-outlined {
+      border-color: ${r.border.default} !important;
+      box-shadow: none !important;
+    }
+
+    /* ── Trigger: sizes ──────────────────────────────── */
+
+    .${c}.ant-picker.ant-picker-small {
+      min-height: ${r.height.small} !important;
+      height: ${r.height.small} !important;
+      padding: 0 ${r.padding.small.x} !important;
+    }
+
+    .${c}.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 ──────────────────────────────── */
+
+    .${c}.ant-picker:not(.ant-picker-disabled):hover,
+    .${c}.ant-picker.ant-picker-outlined:not(.ant-picker-disabled):hover {
+      border-color: ${r.border.hover} !important;
+      box-shadow: none !important;
+    }
+
+    /* ── Trigger: focus / open ───────────────────────── */
+
+    .${c}.ant-picker.ant-picker-focused,
+    .${c}.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;
+    }
+
+    .${c}.ant-picker.ant-picker-focused:hover,
+    .${c}.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;
+    }
+
+    .${c}.ant-picker:focus-within,
+    .${c}.ant-picker .ant-picker-input > input:focus,
+    .${c}.ant-picker .ant-picker-input > input:focus-visible {
+      outline: none !important;
+      box-shadow: none !important;
+    }
+
+    /* ── Trigger: status ─────────────────────────────── */
+
+    .${c}.ant-picker.ant-picker-status-error,
+    .${c}.ant-picker.ant-picker-outlined.ant-picker-status-error {
+      border-color: ${r.border.error} !important;
+      box-shadow: none !important;
+    }
+
+    .${c}.ant-picker.ant-picker-status-warning,
+    .${c}.ant-picker.ant-picker-outlined.ant-picker-status-warning {
+      border-color: ${e.t.status.warning} !important;
+      box-shadow: none !important;
+    }
+
+    .${c}.ant-picker.ant-picker-status-success,
+    .${c}.ant-picker.ant-picker-outlined.ant-picker-status-success {
+      border-color: ${r.border.success} !important;
+      box-shadow: none !important;
+    }
+
+    /* ── Trigger: disabled ───────────────────────────── */
+
+    .${c}.ant-picker.ant-picker-disabled {
+      background-color: ${r.background.disabled} !important;
+      border-color: transparent !important;
+      box-shadow: none !important;
+    }
+
+    /* ── Input text ──────────────────────────────────── */
+
+    .${c}.ant-picker .ant-picker-input > input {
+      font-size: 14px !important;
+      line-height: 18px !important;
+      font-weight: 400 !important;
+      color: ${e.t.text.strong} !important;
+    }
+
+    .${c}.ant-picker .ant-picker-input > input::placeholder {
+      color: ${r.text.placeholder} !important;
+      font-weight: 400 !important;
+      opacity: 1 !important;
+    }
+
+    .${c}.ant-picker.ant-picker-focused .ant-picker-input > input {
+      color: ${e.t.text.strong} !important;
+      font-weight: ${r.focusFontWeight} !important;
+    }
+
+    .${c}.ant-picker.ant-picker-status-error .ant-picker-input > input {
+      color: ${r.border.error} !important;
+      font-weight: ${r.focusFontWeight} !important;
+    }
+
+    .${c}.ant-picker.ant-picker-disabled .ant-picker-input > input {
+      color: ${r.text.disabled} !important;
+    }
+
+    .${c}.ant-picker .ant-picker-input > input[readonly]:not(:disabled) {
+      color: ${r.text.readOnly} !important;
+      font-weight: 400 !important;
+    }
+
+    /* ── Suffix icon ─────────────────────────────────── */
+
+    .${c}.ant-picker .ant-picker-suffix,
+    .${c}.ant-picker .ant-picker-suffix .anticon {
+      color: ${r.border.default} !important;
+      font-size: 14px !important;
+    }
+
+    .${c}.ant-picker.ant-picker-focused .ant-picker-suffix,
+    .${c}.ant-picker.ant-picker-focused .ant-picker-suffix .anticon {
+      color: ${r.border.default} !important;
+    }
+
+    .${c}.ant-picker.ant-picker-status-error .ant-picker-suffix,
+    .${c}.ant-picker.ant-picker-status-error .ant-picker-suffix .anticon {
+      color: ${r.border.default} !important;
+    }
+
+    .${c}.ant-picker.ant-picker-disabled .ant-picker-suffix,
+    .${c}.ant-picker.ant-picker-disabled .ant-picker-suffix .anticon {
+      color: ${r.text.disabled} !important;
+    }
+
+    /* ── Clear button ────────────────────────────────── */
+
+    .${c}.ant-picker .ant-picker-clear {
+      color: ${r.text.default} !important;
+      background: ${r.background.default} !important;
+    }
+
+    .${c}.ant-picker .ant-picker-clear:hover {
+      color: ${r.text.focus} !important;
+    }
+
+    /* ── Calendar panel container ────────────────────── */
+
+    .${l}.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.t.text.primary} 30%, transparent) !important;
+      overflow: hidden !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-panel {
+      border: 0 !important;
+      border-radius: 0 !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-date-panel,
+    .${l}.ant-picker-dropdown .ant-picker-month-panel,
+    .${l}.ant-picker-dropdown .ant-picker-year-panel,
+    .${l}.ant-picker-dropdown .ant-picker-quarter-panel,
+    .${l}.ant-picker-dropdown .ant-picker-week-panel,
+    .${l}.ant-picker-dropdown .ant-picker-decade-panel {
+      width: 300px !important;
+      padding: 16px !important;
+    }
+
+    /* ── Panel header ────────────────────────────────── */
+
+    .${l}.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;
+    }
+
+    .${l}.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;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-header button:hover {
+      color: ${r.border.focus} !important;
+    }
+
+    .${l}.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;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-header-view,
+    .${l}.ant-picker-dropdown .ant-picker-header-view *,
+    .${l}.ant-picker-dropdown .ant-picker-header-view button *,
+    .${l}.ant-picker-dropdown .ant-picker-header-view button span {
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+    }
+
+    .${l}.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;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-header-view button:hover {
+      color: ${n.primary.hover} !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-header-view button:active,
+    .${l}.ant-picker-dropdown .ant-picker-header-view button:focus-visible {
+      color: ${n.primary.pressed} !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-header-super-prev-btn,
+    .${l}.ant-picker-dropdown .ant-picker-header-super-next-btn {
+      display: none !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-header-prev-btn,
+    .${l}.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;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-header-prev-btn,
+    .${l}.ant-picker-dropdown .ant-picker-header-next-btn {
+      margin-left: 16px !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-header-prev-btn {
+      order: 2 !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-header-next-btn {
+      order: 3 !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-header-prev-icon,
+    .${l}.ant-picker-dropdown .ant-picker-header-next-icon {
+      width: 14px !important;
+      height: 14px !important;
+      font-size: 14px !important;
+    }
+
+    /* ── Day-of-week header row ──────────────────────── */
+
+    .${l}.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 ───────────────────────────────────── */
+
+    .${l}.ant-picker-dropdown .ant-picker-body {
+      padding: 0 !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-cell {
+      color: ${e.t.text.strong} !important;
+      padding: 2px 0 !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-cell-in-view {
+      color: ${e.t.text.strong} !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-content tr {
+      display: table-row !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-content td {
+      display: table-cell !important;
+      visibility: visible !important;
+      opacity: 1 !important;
+    }
+
+    .${l}.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 ─────────────────────────────────── */
+
+    .${l}.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.t.semantic.infoBg} !important;
+      color: ${r.text.focus} !important;
+    }
+
+    /* ── Cell: today ─────────────────────────────────── */
+
+    .${l}.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner {
+      font-weight: 400 !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner::before {
+      border: 1px solid ${e.t.text.strong} !important;
+      border-radius: 50% !important;
+    }
+
+    /* ── Cell: selected ──────────────────────────────── */
+
+    .${l}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-cell-selected:hover .ant-picker-cell-inner {
+      background: ${e.t.accent.highlightSoft} !important;
+      background-color: ${e.t.accent.highlightSoft} !important;
+      border: 2px solid ${e.t.accent.highlight} !important;
+      color: ${e.t.text.strong} !important;
+      font-weight: 700 !important;
+      border-radius: 50% !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner::before {
+      border: 0 !important;
+    }
+
+    /* ── Month / year panel cell selected ────────────── */
+
+    .${l}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-selected .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-selected .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-selected .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell-selected .ant-picker-cell-inner {
+      background: ${e.t.accent.highlightSoft} !important;
+      background-color: ${e.t.accent.highlightSoft} !important;
+      border: 2px solid ${e.t.accent.highlight} !important;
+      color: ${e.t.text.strong} !important;
+      font-weight: 700 !important;
+      border-radius: 16px !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell .ant-picker-cell-inner,
+    .${l}.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;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-month-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-year-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-quarter-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-decade-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {
+      background: ${e.t.accent.highlightSoft} !important;
+      background-color: ${e.t.accent.highlightSoft} !important;
+      border: 2px solid ${e.t.accent.highlight} !important;
+      color: ${e.t.text.strong} !important;
+      font-weight: 700 !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected::before,
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover::before,
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-range-hover::before {
+      background: transparent !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell::before,
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell:hover::before,
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-in-view.ant-picker-cell-in-range::before,
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-in-view.ant-picker-cell-range-hover::before {
+      background: transparent !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {
+      background: ${e.t.accent.highlightSoft} !important;
+      background-color: ${e.t.accent.highlightSoft} !important;
+      border: 2px solid ${e.t.accent.highlight} !important;
+      color: ${e.t.text.strong} !important;
+      font-weight: 700 !important;
+      border-radius: 50% !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner {
+      background: ${e.t.accent.highlightSoft} !important;
+      background-color: ${e.t.accent.highlightSoft} !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner::before,
+    .${l}.ant-picker-dropdown .ant-picker-week-panel .ant-picker-cell-selected:hover .ant-picker-cell-inner::before {
+      border: 0 !important;
+      background: transparent !important;
+    }
+
+    /* ── Footer ──────────────────────────────────────── */
+
+    .${l}.ant-picker-dropdown .ant-picker-footer {
+      display: none !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-today-btn {
+      color: ${r.border.focus} !important;
+      font-size: 14px !important;
+      font-weight: 400 !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-today-btn:hover {
+      color: ${e.t.brand.primaryHover} !important;
+    }
+
+    /* ── Range picker ────────────────────────────────── */
+
+    .${l}.ant-picker-dropdown .ant-picker-cell-in-range .ant-picker-cell-inner {
+      background: ${e.t.accent.highlightBg} !important;
+      color: ${e.t.text.strong} !important;
+      border-radius: 0 !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-cell-in-range::before,
+    .${l}.ant-picker-dropdown .ant-picker-cell-range-start::before,
+    .${l}.ant-picker-dropdown .ant-picker-cell-range-end::before {
+      background: ${e.t.accent.highlightBg} !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-cell-range-start .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-cell-range-end .ant-picker-cell-inner {
+      background: ${e.t.accent.highlightSoft} !important;
+      border: 2px solid ${e.t.accent.highlight} !important;
+      color: ${e.t.text.strong} !important;
+      font-weight: 700 !important;
+      border-radius: 50% !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-cell-range-start:hover .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-cell-range-end:hover .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-cell-range-start.ant-picker-cell-range-hover-start .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-cell-range-end.ant-picker-cell-range-hover-end .ant-picker-cell-inner {
+      background: ${e.t.accent.highlightSoft} !important;
+      border: 2px solid ${e.t.accent.highlight} !important;
+      color: ${e.t.text.strong} !important;
+      font-weight: 700 !important;
+    }
+
+    .${l}.ant-picker-dropdown .ant-picker-cell-range-hover-start .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-cell-range-hover-end .ant-picker-cell-inner,
+    .${l}.ant-picker-dropdown .ant-picker-cell-range-hover .ant-picker-cell-inner {
+      background: ${e.t.accent.highlightBg} !important;
+    }
+
+  `},f=`MM-DD-YYYY`,p=({className:e,popupClassName:t,classNames:s,fieldLabel:f,fieldRequired:p,fieldDescription:m,fieldError:h,fieldActions:g,containerStyle:_,clear:v,clearable:y=!1,clearLabel:b,clearVisibility:x=`always`,onClear:S,onValueChange:C,id:w,...T})=>{let E=(0,a.useId)();(0,a.useEffect)(()=>{d()},[]);let D=!!(f||p||m||h||g||y||v||S),O=w??(D?E:void 0),k=O?`${O}-description`:void 0,A=O?`${O}-error`:void 0,j=v?.onClear??S,M=u(c,e),N=u(l,s?.popup?.root,t),P={...s??{},popup:{...s?.popup??{},root:N}},F=T.format??`MM-DD-YYYY`,I=T.placeholder??`MM-DD-YYYY`,L=r.t(m?k:void 0,h?A:void 0),R=(0,o.jsx)(i.DatePicker,{...T,id:O,format:F,placeholder:I,className:M,classNames:P,status:h?`error`:T.status,"aria-describedby":L,"aria-invalid":h?!0:void 0,onChange:(e,t)=>{T.onChange?.(e,t),C?.(e)}});return D?(0,o.jsx)(n.FieldShell,{label:f,required:p,htmlFor:O,description:m,descriptionId:k,error:h,errorId:A,clear:v,clearable:y,clearLabel:b,clearVisibility:x,clearValue:T.value,onClear:()=>{j?.(),C?.(null),T.onChange?.(null,``)},extraActions:g,style:_,children:R}):R};p.displayName=`DatePicker`;var m=({className:e,popupClassName:t,classNames:n,...r})=>{(0,a.useEffect)(()=>{d()},[]);let s=u(c,e),f=u(l,n?.popup?.root,t),p={...n??{},popup:{...n?.popup??{},root:f}},m=r.format??`MM-DD-YYYY`,h=r.placeholder??[`MM-DD-YYYY`,`MM-DD-YYYY`];return(0,o.jsx)(i.DatePicker.RangePicker,{...r,format:m,placeholder:h,className:s,classNames:p})};m.displayName=`DatePicker.RangePicker`,p.RangePicker=m,Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
+//# sourceMappingURL=DatePicker-DTVtamsX.cjs.map

package/dist-lib/DatePicker-DTVtamsX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-DTVtamsX.cjs","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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"}