draft-components 3.6.0 → 4.0.0

package/dist/components/date-picker/calendar-grid.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { KeyboardKeys } from '../../lib/keyboard-keys.js';
+import {} from 'react';
 import { DAYS_IN_WEEK, addDays, addMonths, addYears, getEndOfMonth, getEndOfWeek, getStartOfMonth, getStartOfWeek, isSameDay, isWeekend, toDateISO, } from './date-helpers.js';
+import { KeyboardKey } from '../../lib/keyboard-key.js';
+import { tryToFocusElement } from '../../lib/react-helpers.js';
 import { CalendarGridHead } from './calendar-grid-head.js';
 import { CalendarDay } from './calendar-day.js';
 export function CalendarGrid({ focusDay, minDate, maxDate, locale, weekStartsOn, getDayProps, onHoverDay, onFocusDay, onSelectDay, onChangeFocusDay, }) {
@@ -24,7 +26,10 @@ export function CalendarGrid({ focusDay, minDate, maxDate, locale, weekStartsOn,
             const inDisplayedMonth = date >= monthStart && date <= monthEnd;
             let calendarDay = null;
             if (inDisplayedMonth) {
-                calendarDay = (_jsx(CalendarDay, { ...getDayProps?.(date), date: date, dateISO: dateISO, locale: locale, isToday: isSameDay(date, today), isWeekend: isWeekend(date), isFocusable: isSameDay(date, focusDay), isDisabled: (minDate != null && date < minDate)
+                const dayProps = typeof getDayProps === 'function'
+                    ? getDayProps(date)
+                    : {};
+                calendarDay = (_jsx(CalendarDay, { ...dayProps, date: date, dateISO: dateISO, locale: locale, isToday: isSameDay(date, today), isWeekend: isWeekend(date), isFocusable: isSameDay(date, focusDay), isDisabled: (minDate != null && date < minDate)
                         || (maxDate != null && date > maxDate), onClick: handleSelectDay(date), onMouseEnter: handleHoverDay(date) }));
             }
             columns.push(_jsx("td", { role: "gridcell", children: calendarDay }, dateISO));
@@ -41,35 +46,37 @@ export function CalendarGrid({ focusDay, minDate, maxDate, locale, weekStartsOn,
     }
     function handleHoverDay(date) {
         return () => {
-            onHoverDay?.(date);
+            if (typeof onHoverDay === 'function') {
+                onHoverDay(date);
+            }
         };
     }
     function handleKeydown(event) {
         let newFocusDay = null;
-        if (event.code === KeyboardKeys.ArrowRight) {
+        if (event.code === KeyboardKey.ARROW_RIGHT) {
             newFocusDay = addDays(focusDay, 1);
         }
-        else if (event.key === KeyboardKeys.ArrowLeft) {
+        else if (event.key === KeyboardKey.ARROW_LEFT) {
             newFocusDay = addDays(focusDay, -1);
         }
-        else if (event.key === KeyboardKeys.ArrowDown) {
+        else if (event.key === KeyboardKey.ARROW_DOWN) {
             newFocusDay = addDays(focusDay, DAYS_IN_WEEK);
         }
-        else if (event.key === KeyboardKeys.ArrowUp) {
+        else if (event.key === KeyboardKey.ARROW_UP) {
             newFocusDay = addDays(focusDay, -DAYS_IN_WEEK);
         }
-        else if (event.key === KeyboardKeys.Home) {
+        else if (event.key === KeyboardKey.HOME) {
             newFocusDay = getStartOfWeek(focusDay, weekStartsOn);
         }
-        else if (event.key === KeyboardKeys.End) {
+        else if (event.key === KeyboardKey.END) {
             newFocusDay = getEndOfWeek(focusDay, weekStartsOn);
         }
-        else if (event.key === KeyboardKeys.PageDown) {
+        else if (event.key === KeyboardKey.PAGE_DOWN) {
             newFocusDay = event.shiftKey
                 ? addYears(focusDay, 1)
                 : addMonths(focusDay, 1);
         }
-        else if (event.key === KeyboardKeys.PageUp) {
+        else if (event.key === KeyboardKey.PAGE_UP) {
             newFocusDay = event.shiftKey
                 ? addYears(focusDay, -1)
                 : addMonths(focusDay, -1);
@@ -88,14 +95,13 @@ export function CalendarGrid({ focusDay, minDate, maxDate, locale, weekStartsOn,
             const dayISO = toDateISO(newFocusDay);
             setTimeout(() => {
                 const dayElement = gridElement.querySelector(`[data-date="${dayISO}"]`);
-                if (dayElement instanceof HTMLButtonElement) {
-                    dayElement.focus();
-                    if (newFocusDay) {
-                        onFocusDay?.(newFocusDay);
-                    }
+                tryToFocusElement(dayElement);
+                if (newFocusDay && typeof onFocusDay === 'function') {
+                    onFocusDay(newFocusDay);
                 }
             }, 0);
         }
     }
     return (_jsxs("table", { className: "dc-calendar__grid", role: "grid", "aria-label": ariaLabel, children: [_jsx(CalendarGridHead, { locale: locale, weekStartsOn: weekStartsOn }), _jsx("tbody", { role: "presentation", onKeyDown: handleKeydown, children: rows })] }));
 }
+//# sourceMappingURL=calendar-grid.js.map

package/dist/components/date-picker/calendar-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-grid.js","sourceRoot":"","sources":["../../../src/components/date-picker/calendar-grid.tsx"],"names":[],"mappings":"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"}

package/dist/components/date-picker/calendar-header.js

@@ -16,7 +16,7 @@ export function CalendarHeader({ focusDay, onChangeFocusDay, className, locale,
             ? prevYear
             : formatYear(selectedYear)));
     }, [selectedYear]);
-    return (_jsxs("div", { className: classNames('dc-calendar__header', className), children: [_jsx(IconButton, { className: "dc-calendar-prev-month", size: "sm", "aria-label": prevMonthButtonLabel, onClick: () => onChangeFocusDay(addMonths(focusDay, -1)), children: _jsx(ChevronLeftIcon, { width: 16, height: 16, strokeWidth: 2 }) }), _jsx(Select, { className: "dc-calendar-month-select", "aria-label": monthSelectLabel, size: "sm", name: "month", value: selectedMonth, onChange: (event) => {
+    return (_jsxs("div", { className: classNames('dc-calendar__header', className), children: [_jsx(IconButton, { className: "dc-calendar-prev-month", size: "sm", "aria-label": prevMonthButtonLabel, onClick: () => onChangeFocusDay(addMonths(focusDay, -1)), children: _jsx(ChevronLeftIcon, { width: "1.15em", height: "1.15em", strokeWidth: 2 }) }), _jsx(Select, { className: "dc-calendar-month-select", "aria-label": monthSelectLabel, size: "sm", name: "month", value: selectedMonth, onChange: (event) => {
                     const month = Number(event.target.value);
                     onChangeFocusDay(setDateMonth(focusDay, month));
                 }, children: generateMonthOptions(locale) }), _jsx(TextInput, { className: "dc-calendar-year-input", "aria-label": yearInputLabel, size: "sm", sizeInChars: 4, value: year, maxLength: 4, onBlur: () => setYear(formatYear(year)), onChangeValue: (value) => {
@@ -24,7 +24,7 @@ export function CalendarHeader({ focusDay, onChangeFocusDay, className, locale,
                         setYear(value);
                         onChangeFocusDay(setDateYear(focusDay, parseYear(value)));
                     }
-                } }), _jsx(IconButton, { className: "dc-calendar-next-month", "aria-label": nextMonthButtonLabel, onClick: () => onChangeFocusDay(addMonths(focusDay, 1)), children: _jsx(ChevronRightIcon, { width: 16, height: 16, strokeWidth: 2 }) })] }));
+                } }), _jsx(IconButton, { className: "dc-calendar-next-month", size: "sm", "aria-label": nextMonthButtonLabel, onClick: () => onChangeFocusDay(addMonths(focusDay, 1)), children: _jsx(ChevronRightIcon, { width: "1.15em", height: "1.15em", strokeWidth: 2 }) })] }));
 }
 function generateMonthOptions(locale = 'en') {
     const options = [];
@@ -41,3 +41,4 @@ function formatYear(year) {
 function parseYear(year) {
     return Number(year);
 }
+//# sourceMappingURL=calendar-header.js.map

package/dist/components/date-picker/calendar-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-header.js","sourceRoot":"","sources":["../../../src/components/date-picker/calendar-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAY,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAalF,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,oBAAoB,GAAG,YAAY,EACnC,oBAAoB,GAAG,gBAAgB,EACvC,gBAAgB,GAAG,OAAO,EAC1B,cAAc,GAAG,MAAM,GACH;IACpB,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IAC5C,MAAM,aAAa,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAC1C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,YAAY;YACzD,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAC1D,KAAC,UAAU,IACT,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAC,IAAI,gBACG,oBAAoB,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,YAExD,KAAC,eAAe,IAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,WAAW,EAAE,CAAC,GAAI,GACvD,EAEb,KAAC,MAAM,IACL,SAAS,EAAC,0BAA0B,gBACxB,gBAAgB,EAC5B,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBACzC,gBAAgB,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;gBAClD,CAAC,YAEA,oBAAoB,CAAC,MAAM,CAAC,GACtB,EAET,KAAC,SAAS,IACR,SAAS,EAAC,wBAAwB,gBACtB,cAAc,EAC1B,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,CAAC,EACd,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,CAAC,EACZ,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,EACvC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;oBACvB,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;wBACzB,OAAO,CAAC,KAAK,CAAC,CAAC;wBACf,gBAAgB,CAAC,WAAW,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;oBAC5D,CAAC;gBACH,CAAC,GACD,EAEF,KAAC,UAAU,IACT,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAC,IAAI,gBACG,oBAAoB,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,YAEvD,KAAC,gBAAgB,IAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,WAAW,EAAE,CAAC,GAAI,GACxD,IACT,CACP,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,MAAM,GAAG,IAAI;IACzC,MAAM,OAAO,GAAkB,EAAE,CAAC;IAClC,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;IACxB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,cAAc,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QACvD,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,CAAC,IAAI,CACV,iBAAoB,KAAK,EAAE,KAAK,YAC7B,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,IADxC,KAAK,CAET,CACV,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,UAAU,CAAC,IAAqB;IACvC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AACvC,CAAC;AAED,SAAS,SAAS,CAAC,IAAY;IAC7B,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACtB,CAAC"}

package/dist/components/date-picker/calendar.d.ts

@@ -1,10 +1,13 @@
-import { Weekday } from './date-helpers.js';
-import { CalendarHeaderProps } from './calendar-header.js';
-import { CalendarGridProps } from './calendar-grid.js';
-export type CalendarProps = {
+import { type Weekday } from './date-helpers.js';
+import { type CalendarHeaderProps } from './calendar-header.js';
+import { type CalendarGridProps } from './calendar-grid.js';
+type CalendarHeaderPassedProps = Pick<CalendarHeaderProps, 'locale' | 'nextMonthButtonLabel' | 'prevMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'>;
+type CalendarGridPassedProps = Pick<CalendarGridProps, 'minDate' | 'maxDate' | 'getDayProps' | 'onHoverDay' | 'onFocusDay' | 'onSelectDay'>;
+export type CalendarProps = CalendarHeaderPassedProps & CalendarGridPassedProps & {
     className?: string;
-    defaultFocusDay?: Date | null;
     weekStartsOn?: Weekday;
-    onFocusDay?(date: Date): void;
-} & Pick<CalendarGridProps, 'minDate' | 'maxDate' | 'getDayProps' | 'onHoverDay' | 'onFocusDay' | 'onSelectDay'> & Pick<CalendarHeaderProps, 'locale' | 'nextMonthButtonLabel' | 'prevMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'>;
+    defaultFocusDay?: Date | null;
+    onFocusDay?: (date: Date) => void;
+};
 export declare function Calendar({ className, defaultFocusDay, minDate, maxDate, locale, weekStartsOn, nextMonthButtonLabel, prevMonthButtonLabel, getDayProps, onHoverDay, onFocusDay, onSelectDay, }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/date-picker/calendar.js

@@ -17,3 +17,4 @@ export function Calendar({ className, defaultFocusDay, minDate, maxDate, locale,
     });
     return (_jsxs("div", { className: classNames('dc-calendar', className), children: [_jsx(CalendarHeader, { focusDay: focusDay, onChangeFocusDay: setFocusDay, locale: locale, nextMonthButtonLabel: nextMonthButtonLabel, prevMonthButtonLabel: prevMonthButtonLabel }), _jsx(CalendarGrid, { focusDay: focusDay, minDate: minDate, maxDate: maxDate, locale: locale, weekStartsOn: weekStartsOn, getDayProps: getDayProps, onHoverDay: onHoverDay, onFocusDay: onFocusDay, onSelectDay: onSelectDay, onChangeFocusDay: setFocusDay })] }));
 }
+//# sourceMappingURL=calendar.js.map

package/dist/components/date-picker/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../src/components/date-picker/calendar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAgB,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,cAAc,EAA4B,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,YAAY,EAA0B,MAAM,oBAAoB,CAAC;AA0B1E,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,EACT,eAAe,EACf,OAAO,EACP,OAAO,EACP,MAAM,EACN,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAW,GACG;IACd,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5C,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;QAC/D,IAAI,OAAO,IAAI,SAAS,GAAG,OAAO,EAAE,CAAC;YACnC,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,IAAI,OAAO,IAAI,SAAS,GAAG,OAAO,EAAE,CAAC;YACnC,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,aAClD,KAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,WAAW,EAC7B,MAAM,EAAE,MAAM,EACd,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,GAC1C,EACF,KAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,WAAW,GAC7B,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/date-picker/date-helpers.js

@@ -87,3 +87,4 @@ function formatDateISOComponents(year, month, day) {
         String(day).padStart(2, '0'),
     ].join('-');
 }
+//# sourceMappingURL=date-helpers.js.map

package/dist/components/date-picker/date-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-helpers.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-helpers.ts"],"names":[],"mappings":"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"}

package/dist/components/date-picker/date-picker.css

@@ -1,21 +1,19 @@
 .dc-datepicker {
-  --dc-columnheader-text-color: var(--dc-control-secondary-text-color);
-
-  /* Day properties */
-  --dc-day-font-size: 14px;
-  --dc-day-text-color: var(--dc-control-primary-text-color);
-  --dc-day-text-color-today: var(--dc-control-primary-color);
-  --dc-day-text-color-weekend: var(--dc-control-secondary-text-color);
-  --dc-day-text-color-selected: var(--dc-control-on-primary-color);
-  --dc-day-size: 32px;
-  --dc-day-max-width: 40px;
-  --dc-day-radius: 16px;
-  --dc-day-border-color: transparent;
-  --dc-day-border-color-hover: var(--dc-control-primary-color);
-  --dc-day-bg-selected: var(--dc-control-primary-color);
-  --dc-day-bg-selected-hover: var(--dc-control-primary-color-hover);
-  --dc-day-bg-range: var(--dc-control-secondary-color);
-  --dc-day-focus-ring-color: var(--dc-control-primary-color);
+  --day-size: 32px;
+  --day-max-width: 40px;
+  --day-font-size: 14px;
+  --day-radius: 16px;
+  --day-color: var(--dc-neutral-900);
+  --day-color-name: var(--dc-neutral-500);
+  --day-color-today: var(--dc-blue-500);
+  --day-color-weekend: var(--dc-neutral-500);
+  --day-color-selected: var(--dc-white);
+  --day-border-color: transparent;
+  --day-border-color-hover: var(--dc-focus-ring-color);
+  --day-background-selected: var(--dc-blue-500);
+  --day-background-selected-hover: var(--dc-blue-500);
+  --day-range-background: rgb(var(--dc-blue-400-rgb) / 25%);
+  --day-focus-ring-color: var(--dc-focus-ring-color);
 
   display: inline-block;
   color-scheme: light;
@@ -45,7 +43,7 @@
   font-family: var(--dc-primary-font);
   font-size: 14px;
   font-weight: 500;
-  color: var(--dc-day-text-color);
+  color: var(--day-color);
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
@@ -58,9 +56,9 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: var(--dc-day-size);
-  height: var(--dc-day-size);
-  border-radius: var(--dc-day-radius);
+  width: var(--day-size);
+  height: var(--day-size);
+  border-radius: var(--day-radius);
 }
 
 .dc-calendar-day_in-range {
@@ -72,40 +70,40 @@
   inset: 0;
   z-index: -1;
   content: "";
-  background: var(--dc-day-bg-range);
+  background: var(--day-range-background);
 }
 
 .dc-calendar-day_range-start::before {
-  left: calc(50% - var(--dc-day-size) / 2);
-  border-top-left-radius: var(--dc-day-radius);
-  border-bottom-left-radius: var(--dc-day-radius);
+  left: calc(50% - var(--day-size) / 2);
+  border-top-left-radius: var(--day-radius);
+  border-bottom-left-radius: var(--day-radius);
 }
 
 .dc-calendar-day_range-end::before {
-  right: calc(50% - var(--dc-day-size) / 2);
-  border-top-right-radius: var(--dc-day-radius);
-  border-bottom-right-radius: var(--dc-day-radius);
+  right: calc(50% - var(--day-size) / 2);
+  border-top-right-radius: var(--day-radius);
+  border-bottom-right-radius: var(--day-radius);
 }
 
 .dc-calendar-day_weekend > .dc-calendar-day__body {
-  color: var(--dc-day-text-color-weekend);
+  color: var(--day-color-weekend);
 }
 
 .dc-calendar-day_today > .dc-calendar-day__body {
-  color: var(--dc-day-text-color-today);
+  color: var(--day-color-today);
 }
 
 .dc-calendar-day_selected > .dc-calendar-day__body {
-  color: var(--dc-day-text-color-selected);
-  background: var(--dc-day-bg-selected);
+  color: var(--day-color-selected);
+  background: var(--day-background-selected);
 }
 
 .dc-calendar-day:hover > .dc-calendar-day__body {
-  box-shadow: inset 0 0 0 2px var(--dc-day-border-color-hover);
+  box-shadow: inset 0 0 0 2px var(--day-border-color-hover);
 }
 
 .dc-calendar-day_selected:hover > .dc-calendar-day__body {
-  background: var(--dc-day-bg-selected-hover);
+  background: var(--day-background-selected-hover);
   box-shadow: none;
 }
 
@@ -123,7 +121,7 @@
 }
 
 .dc-calendar-day:focus > .dc-calendar-day__body {
-  box-shadow: inset 0 0 0 2px var(--dc-day-border-color-hover);
+  box-shadow: inset 0 0 0 2px var(--day-border-color-hover);
 }
 
 .dc-calendar-day_selected:focus > .dc-calendar-day__body {
@@ -136,7 +134,7 @@
   inset: -2px;
   content: "";
   border-radius: 50%;
-  box-shadow: 0 0 0 2px var(--dc-day-focus-ring-color);
+  box-shadow: 0 0 0 2px var(--day-focus-ring-color);
 }
 
 /* Calendar styles */
@@ -144,8 +142,8 @@
 .dc-calendar {
   display: inline-flex;
   flex-direction: column;
-  width: calc(7 * var(--dc-day-max-width));
-  min-width: calc(7 * var(--dc-day-size));
+  width: calc(7 * var(--day-max-width));
+  min-width: calc(7 * var(--day-size));
   max-width: 100%;
 }
 
@@ -172,21 +170,22 @@
 
 .dc-calendar__grid {
   margin-top: 16px;
+  font: var(--dc-text-sm);
   border-spacing: 0;
 }
 
 .dc-calendar__grid th,
 .dc-calendar__grid td {
   padding: 0;
-  text-align: center;
   vertical-align: middle;
+  text-align: center;
 }
 
 .dc-calendar__grid th {
   padding-bottom: 4px;
   font-size: 14px;
   font-weight: 400;
-  color: var(--dc-columnheader-text-color);
+  color: var(--day-color-name);
 }
 
 .dc-calendar__grid td {
@@ -195,5 +194,10 @@
 
 .dark .dc-datepicker,
 .dark.dc-datepicker {
+  --day-color: var(--dc-white);
+  --day-color-name: var(--dc-neutral-400);
+  --day-color-weekend: var(--dc-neutral-400);
+  --day-range-background: rgb(var(--dc-blue-300-rgb) / 20%);
+
   color-scheme: dark;
 }

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

@@ -1,13 +1,14 @@
-import { DateISO, Weekday } from './date-helpers.js';
-import { ComponentPropsWithoutRef } from 'react';
-import { CalendarProps } from './calendar.js';
-type DatePickerHTMLProps = ComponentPropsWithoutRef<'div'>;
-export type DatePickerProps = {
-    value: DateISO | null;
-    onChangeValue: (value: DateISO) => void;
+import { type DateISO, type Weekday } from './date-helpers.js';
+import { type ComponentProps } from 'react';
+import { type CalendarProps } from './calendar.js';
+type DatePickerHTMLProps = ComponentProps<'div'>;
+type CalendarPassedProps = Pick<CalendarProps, 'locale' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'>;
+export type DatePickerProps = DatePickerHTMLProps & CalendarPassedProps & {
     weekStartsOn?: Weekday;
     min?: DateISO;
     max?: DateISO;
-} & Pick<CalendarProps, 'locale' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'> & DatePickerHTMLProps;
+    value: DateISO | null;
+    onChangeValue: (value: DateISO) => void;
+};
 export declare function DatePicker({ value, onChangeValue, weekStartsOn, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,15 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isSameDay, isValidDateISO, parseDateISO, toDateISO } from './date-helpers.js';
+import {} from 'react';
 import { classNames } from '../../lib/react-helpers.js';
 import { parseMinMaxProps } from './parse-min-max-props.js';
 import { Calendar } from './calendar.js';
 export function DatePicker({ value, onChangeValue, weekStartsOn = 1, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }) {
-    const { minDate, maxDate } = parseMinMaxProps({ min, max });
+    const allowedRange = parseMinMaxProps({ min, max });
     const selectedDay = value && isValidDateISO(value)
         ? parseDateISO(value)
         : null;
     const getDayProps = (date) => ({
         isSelected: selectedDay != null && isSameDay(selectedDay, date),
     });
-    return (_jsx("div", { ...props, className: classNames('dc-datepicker', className), children: _jsx(Calendar, { defaultFocusDay: selectedDay, minDate: minDate, maxDate: maxDate, locale: locale, weekStartsOn: weekStartsOn, prevMonthButtonLabel: prevMonthButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, monthSelectLabel: monthSelectLabel, yearInputLabel: yearInputLabel, getDayProps: getDayProps, onSelectDay: (date) => onChangeValue(toDateISO(date)) }) }));
+    return (_jsx("div", { ...props, className: classNames('dc-datepicker', className), children: _jsx(Calendar, { defaultFocusDay: selectedDay, minDate: allowedRange.minDate, maxDate: allowedRange.maxDate, locale: locale, weekStartsOn: weekStartsOn, prevMonthButtonLabel: prevMonthButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, monthSelectLabel: monthSelectLabel, yearInputLabel: yearInputLabel, getDayProps: getDayProps, onSelectDay: (date) => onChangeValue(toDateISO(date)) }, selectedDay ? String(selectedDay) : '') }));
 }
+//# sourceMappingURL=date-picker.js.map

package/dist/components/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA8B,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnH,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAC;AAoB7D,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,aAAa,EACb,YAAY,GAAG,CAAC,EAChB,GAAG,EACH,GAAG,EACH,MAAM,EACN,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,GAAG,KAAK,EACQ;IAChB,MAAM,YAAY,GAAG,gBAAgB,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,KAAK,IAAI,cAAc,CAAC,KAAK,CAAC;QAChD,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC;QACrB,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,WAAW,GAAiC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC3D,UAAU,EAAE,WAAW,IAAI,IAAI,IAAI,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC;KAChE,CAAC,CAAC;IAEH,OAAO,CACL,iBAAS,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,YAC/D,KAAC,QAAQ,IAEP,eAAe,EAAE,WAAW,EAC5B,OAAO,EAAE,YAAY,CAAC,OAAO,EAC7B,OAAO,EAAE,YAAY,CAAC,OAAO,EAC7B,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAXhD,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAY3C,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/date-picker/date-range-picker.d.ts

@@ -1,14 +1,15 @@
-import { DateISORange } from './date-range.js';
-import { DateISO, Weekday } from './date-helpers.js';
-import { ComponentPropsWithoutRef } from 'react';
-import { CalendarProps } from './calendar.js';
-type DateRangePickerHTMLProps = ComponentPropsWithoutRef<'div'>;
-export type DateRangePickerProps = {
-    value: DateISORange | null;
-    onChangeValue: (value: DateISORange) => void;
+import { type DateISORange } from './date-range.js';
+import { type DateISO, type Weekday } from './date-helpers.js';
+import { type ComponentProps } from 'react';
+import { type CalendarProps } from './calendar.js';
+type DateRangePickerHTMLProps = ComponentProps<'div'>;
+type CalendarPassedProps = Pick<CalendarProps, 'locale' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'>;
+export type DateRangePickerProps = CalendarPassedProps & DateRangePickerHTMLProps & {
     weekStartsOn?: Weekday;
     min?: DateISO;
     max?: DateISO;
-} & Pick<CalendarProps, 'locale' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'> & DateRangePickerHTMLProps;
+    value: DateISORange | null;
+    onChangeValue: (value: DateISORange) => void;
+};
 export declare function DateRangePicker({ value, onChangeValue, weekStartsOn, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/date-picker/date-range-picker.js

@@ -6,10 +6,10 @@ import { parseMinMaxProps } from './parse-min-max-props.js';
 import { useState } from 'react';
 import { Calendar } from './calendar.js';
 export function DateRangePicker({ value, onChangeValue, weekStartsOn = 1, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }) {
-    const { minDate, maxDate } = parseMinMaxProps({ min, max });
-    const selectedRange = parseValue(value);
     const [start, setStart] = useState(null);
     const [end, setEnd] = useState(null);
+    const allowedRange = parseMinMaxProps({ min, max });
+    const selectedRange = parseValue(value);
     const getCalendarDayProps = (date) => {
         let isSelected = false;
         let inRange = false;
@@ -37,7 +37,7 @@ export function DateRangePicker({ value, onChangeValue, weekStartsOn = 1, min, m
             setEnd(date);
         }
     };
-    return (_jsx("div", { ...props, className: classNames('dc-datepicker', className), children: _jsx(Calendar, { defaultFocusDay: selectedRange?.start, minDate: minDate, maxDate: maxDate, locale: locale, weekStartsOn: weekStartsOn, prevMonthButtonLabel: prevMonthButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, monthSelectLabel: monthSelectLabel, yearInputLabel: yearInputLabel, getDayProps: getCalendarDayProps, onHoverDay: updateRange, onFocusDay: updateRange, onSelectDay: (date) => {
+    return (_jsx("div", { ...props, className: classNames('dc-datepicker', className), children: _jsx(Calendar, { defaultFocusDay: selectedRange ? selectedRange.end : null, minDate: allowedRange.minDate, maxDate: allowedRange.maxDate, locale: locale, weekStartsOn: weekStartsOn, prevMonthButtonLabel: prevMonthButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, monthSelectLabel: monthSelectLabel, yearInputLabel: yearInputLabel, getDayProps: getCalendarDayProps, onHoverDay: updateRange, onFocusDay: updateRange, onSelectDay: (date) => {
                 if (start) {
                     setStart(null);
                     setEnd(null);
@@ -46,7 +46,7 @@ export function DateRangePicker({ value, onChangeValue, weekStartsOn = 1, min, m
                 else {
                     setStart(date);
                 }
-            } }) }));
+            } }, selectedRange ? `${selectedRange.start}-${selectedRange.end}` : '') }));
 }
 function parseValue(value) {
     if (value && isValidDateISO(value.start) && isValidDateISO(value.end)) {
@@ -54,3 +54,4 @@ function parseValue(value) {
     }
     return null;
 }
+//# sourceMappingURL=date-range-picker.js.map

package/dist/components/date-picker/date-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-range-picker.tsx"],"names":[],"mappings":"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"}

package/dist/components/date-picker/date-range.d.ts

@@ -1,4 +1,4 @@
-import { DateISO } from './date-helpers.js';
+import { type DateISO } from './date-helpers.js';
 export type DateISORange = {
     start: DateISO;
     end: DateISO;

package/dist/components/date-picker/date-range.js

@@ -23,3 +23,4 @@ export class DateRange {
         };
     }
 }
+//# sourceMappingURL=date-range.js.map

package/dist/components/date-picker/date-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAOvE,MAAM,OAAO,SAAS;IACX,KAAK,CAAO;IACZ,GAAG,CAAO;IAEnB,YAAY,KAAW,EAAE,GAAS;QAChC,IAAI,KAAK,GAAG,GAAG,EAAE,CAAC;YAChB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC9B,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,CAAC;IAED,MAAM,CAAC,MAAM,CAAC,KAAW,EAAE,GAAS;QAClC,OAAO,IAAI,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACnC,CAAC;IAED,QAAQ,CAAC,IAAU;QACjB,OAAO,CACL,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;eAC/C,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAClD,CAAC;IACJ,CAAC;IAED,cAAc;QACZ,OAAO;YACL,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;YAC5B,GAAG,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;SACzB,CAAC;IACJ,CAAC;CACF"}

package/dist/components/date-picker/index.js

@@ -1,2 +1,3 @@
 export * from './date-picker.js';
 export * from './date-range-picker.js';
+//# sourceMappingURL=index.js.map

package/dist/components/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/dist/components/date-picker/parse-min-max-props.d.ts

@@ -1,4 +1,4 @@
-import { DateISO } from './date-helpers.js';
+import { type DateISO } from './date-helpers.js';
 export declare function parseMinMaxProps(props: {
     min?: DateISO;
     max?: DateISO;

package/dist/components/date-picker/parse-min-max-props.js

@@ -13,3 +13,4 @@ export function parseMinMaxProps(props) {
     }
     return { minDate, maxDate };
 }
+//# sourceMappingURL=parse-min-max-props.js.map

package/dist/components/date-picker/parse-min-max-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-min-max-props.js","sourceRoot":"","sources":["../../../src/components/date-picker/parse-min-max-props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE/D,MAAM,UAAU,gBAAgB,CAAC,KAGhC;IAIC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;IACtB,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;IACtB,MAAM,OAAO,GAAG,GAAG;QACjB,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,wDAAwD,CAAC;QAC7E,CAAC,CAAC,IAAI,CAAC;IACT,MAAM,OAAO,GAAG,GAAG;QACjB,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,wDAAwD,CAAC;QAC7E,CAAC,CAAC,IAAI,CAAC;IACT,IAAI,OAAO,IAAI,IAAI,IAAI,OAAO,IAAI,IAAI,IAAI,OAAO,IAAI,OAAO,EAAE,CAAC;QAC7D,MAAM,IAAI,UAAU,CAAC,sDAAsD,CAAC,CAAC;IAC/E,CAAC;IAED,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAC9B,CAAC"}

package/dist/components/date-picker-popover/date-picker-popover.d.ts

@@ -1,13 +1,21 @@
-import { DateISO } from '../date-picker/date-helpers.js';
-import { JSX, ReactNode } from 'react';
-import { DatePickerProps } from '../date-picker/index.js';
-export type DatePickerChangeValueFn = (value: DateISO) => void;
-export type DatePickerPopoverProps = {
+import { type DateISO } from '../date-picker/date-helpers.js';
+import { type JSX, type ReactNode, type RefCallback } from 'react';
+import { type PopoverPlacement } from '../popover/index.js';
+import { type DatePickerProps } from '../date-picker/index.js';
+export type DatePickerChangeHandler = (value: DateISO) => void;
+export type DatePickerPopoverChildren = (props: {
+    ref: RefCallback<HTMLElement>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}) => JSX.Element;
+export type DatePickerPopoverProps = Pick<DatePickerProps, 'min' | 'max' | 'locale' | 'weekStartsOn' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'> & {
     className?: string;
     defaultIsOpen?: boolean;
-    footer?: ReactNode;
-    children: JSX.Element;
+    placement?: PopoverPlacement;
     value: DateISO | null;
-    onChangeValue: DatePickerChangeValueFn;
-} & Pick<DatePickerProps, 'min' | 'max' | 'locale' | 'weekStartsOn' | 'prevMonthButtonLabel' | 'nextMonthButtonLabel' | 'monthSelectLabel' | 'yearInputLabel'>;
-export declare function DatePickerPopover({ defaultIsOpen, footer, className, children, value, onChangeValue, min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }: DatePickerPopoverProps): import("react/jsx-runtime").JSX.Element;
+    footer?: ReactNode;
+    children: DatePickerPopoverChildren;
+    onChangeValue: DatePickerChangeHandler;
+};
+export declare function DatePickerPopover({ className, defaultIsOpen, placement, value, footer, children, onChangeValue, min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }: DatePickerPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/date-picker-popover/date-picker-popover.js

@@ -1,15 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from '../date-picker/date-helpers.js';
 import { classNames } from '../../lib/react-helpers.js';
-import { useRef } from 'react';
+import { useMemo, useState } from 'react';
 import { Popover } from '../popover/index.js';
 import { DatePicker } from '../date-picker/index.js';
-export function DatePickerPopover({ defaultIsOpen = false, footer, className, children, value, onChangeValue, 
+export function DatePickerPopover({ className, defaultIsOpen = false, placement, value, footer, children, onChangeValue, 
 // DatePickerProps
 min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }) {
-    const popoverRef = useRef(null);
+    const [isOpen, setIsOpen] = useState(defaultIsOpen);
+    const popoverApi = useMemo(() => ({
+        open: () => {
+            setIsOpen(false);
+        },
+        close: () => {
+            setIsOpen(false);
+        },
+        toggle: () => {
+            setIsOpen((isOpen) => !isOpen);
+        },
+    }), [setIsOpen]);
     const handleChangeValue = (value) => {
         onChangeValue(value);
-        popoverRef.current?.close();
+        setIsOpen(false);
     };
-    return (_jsxs(Popover, { ref: popoverRef, className: classNames('dc-date-picker-popover', className), defaultIsOpen: defaultIsOpen, anchor: children, children: [_jsx(DatePicker, { min: min, max: max, locale: locale, weekStartsOn: weekStartsOn, prevMonthButtonLabel: prevMonthButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, monthSelectLabel: monthSelectLabel, yearInputLabel: yearInputLabel, value: value, onChangeValue: handleChangeValue }), footer] }));
+    return (_jsxs(Popover, { className: classNames('dc-date-picker-popover', className), "data-testid": "date-picker-popover", placement: placement, isOpen: isOpen, onClose: popoverApi.close, renderAnchor: ({ ref }) => children({ ref, ...popoverApi }), children: [_jsx(DatePicker, { min: min, max: max, locale: locale, weekStartsOn: weekStartsOn, prevMonthButtonLabel: prevMonthButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, monthSelectLabel: monthSelectLabel, yearInputLabel: yearInputLabel, value: value, onChangeValue: handleChangeValue }), footer] }));
 }
+//# sourceMappingURL=date-picker-popover.js.map

package/dist/components/date-picker-popover/date-picker-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-popover.js","sourceRoot":"","sources":["../../../src/components/date-picker-popover/date-picker-popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAA8C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,OAAO,EAAyB,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AA8B3E,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,aAAa;AACb,kBAAkB;AAClB,GAAG,EACH,GAAG,EACH,MAAM,EACN,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,GACS;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAChC,IAAI,EAAE,GAAG,EAAE;YACT,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;QACD,MAAM,EAAE,GAAG,EAAE;YACX,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC;KACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEjB,MAAM,iBAAiB,GAA4B,CAAC,KAAK,EAAE,EAAE;QAC3D,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,OAAO,IACN,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,iBAC9C,qBAAqB,EACjC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,UAAU,CAAC,KAAK,EACzB,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,UAAU,EAAE,CAAC,aAE3D,KAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,iBAAiB,GAChC,EACD,MAAM,IACC,CACX,CAAC;AACJ,CAAC"}

package/dist/components/date-picker-popover/index.js

@@ -1 +1,2 @@
 export * from './date-picker-popover.js';
+//# sourceMappingURL=index.js.map

package/dist/components/date-picker-popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/date-picker-popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}