@salt-ds/lab 1.0.0-alpha.45 → 1.0.0-alpha.46

package/css/salt-lab.css

@@ -4056,4 +4056,4 @@
   margin: calc(var(--salt-size-unit) / 2) 0;
 }
 
-/* src/592688a1-7d1b-4f4f-8a13-48e738f185b8.css */
+/* src/25be4337-3526-4263-9693-0e8a7f630de8.css */

package/dist-cjs/date-input/DateInput.js

@@ -13,7 +13,7 @@ var date = require('@internationalized/date');
 var DatePickerContext = require('../date-picker/DatePickerContext.js');
 
 const withBaseName = core.makePrefixer("saltDateInput");
-const isInvalidDate = (value) => value && isNaN(new Date(value));
+const isInvalidDate = (value) => value && isNaN(new Date(value).getDay());
 const createDate = (date) => {
   if (!date || isInvalidDate(date)) {
     return null;
@@ -34,7 +34,6 @@ function getCalendarDate(inputDate) {
   const isoDate = getIsoDate(date$1);
   return isoDate && new date.CalendarDate(isoDate.year, isoDate.month, isoDate.day);
 }
-const getDateValidationStatus = (value) => value && isInvalidDate(value) ? "error" : void 0;
 const defaultDateFormatter = (date$1) => {
   return date$1 ? new date.DateFormatter("EN-GB", {
     day: "2-digit",
@@ -58,9 +57,10 @@ const DateInput = React.forwardRef(
     placeholder = "dd mmm yyyy",
     startInputRef,
     endInputRef,
+    onSelectionChange,
+    onChange,
     ...rest
   }, ref) {
-    var _a;
     const wrapperRef = React.useRef(null);
     const inputRef = core.useForkRef(ref, wrapperRef);
     const inputStringFormatter = (input) => {
@@ -80,9 +80,7 @@ const DateInput = React.forwardRef(
       setEndDate,
       selectionVariant: pickerSelectionVariant,
       openState,
-      setOpen,
-      validationStatusState,
-      setValidationStatus
+      setOpen
     } = DatePickerContext.useDatePickerContext();
     const selectionVariant = selectionVariantProp != null ? selectionVariantProp : pickerSelectionVariant;
     const endDateInputID = core.useId();
@@ -106,66 +104,48 @@ const DateInput = React.forwardRef(
     } = core.useFormFieldProps();
     const isReadOnly = readOnlyProp || formFieldReadOnly;
     const isDisabled = disabled || formFieldDisabled;
-    const validationStatus = (_a = validationStatusState != null ? validationStatusState : formFieldValidationStatus) != null ? _a : validationStatusProp;
+    const validationStatus = formFieldValidationStatus != null ? formFieldValidationStatus : validationStatusProp;
     const {
       "aria-describedby": dateInputDescribedBy,
       "aria-labelledby": dateInputLabelledBy,
       onBlur,
-      onChange,
       onFocus,
       required: dateInputPropsRequired,
       ...restDateInputProps
     } = inputProps;
-    const validateRange = React.useCallback(() => {
-      if (startDate && endDate) {
-        setValidationStatus(
-          (startDate == null ? void 0 : startDate.compare(endDate)) >= 1 ? "error" : void 0
-        );
-      }
-    }, [endDate, startDate, setValidationStatus]);
     React.useEffect(() => {
       setStartDateStringValue(dateFormatter(startDate));
-      validateRange();
-    }, [startDate, dateFormatter, validateRange]);
+    }, [startDate, dateFormatter]);
     React.useEffect(() => {
       setEndDateStringValue(dateFormatter(endDate));
-      validateRange();
-    }, [endDate, dateFormatter, validateRange]);
+    }, [endDate, dateFormatter]);
     const isRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : dateInputPropsRequired;
-    const updateStartDate = (dateString) => {
-      var _a2, _b;
+    const updateStartDate = (event, dateString) => {
       if (!dateString)
         setStartDate(void 0);
       const inputDate = inputStringFormatter(dateString);
       const calendarDate = getCalendarDate(inputDate);
-      const emptyDateStatus = !calendarDate && inputDate ? "error" : void 0;
-      setValidationStatus(
-        (_b = (_a2 = getDateValidationStatus(dateString)) != null ? _a2 : getDateValidationStatus(endDateStringValue)) != null ? _b : emptyDateStatus
-      );
       if (calendarDate) {
         setStartDate(calendarDate);
       }
+      onSelectionChange == null ? void 0 : onSelectionChange(event, calendarDate);
     };
-    const updateEndDate = (dateString) => {
-      var _a2, _b;
+    const updateEndDate = (event, dateString) => {
       if (!dateString)
         setEndDate(void 0);
       const inputDate = inputStringFormatter(dateString);
       const calendarDate = getCalendarDate(inputDate);
-      const emptyDateStatus = !calendarDate && inputDate ? "error" : void 0;
-      setValidationStatus(
-        (_b = (_a2 = getDateValidationStatus(dateString)) != null ? _a2 : getDateValidationStatus(startDateStringValue)) != null ? _b : emptyDateStatus
-      );
       if (calendarDate) {
         setEndDate(calendarDate);
       }
+      onSelectionChange == null ? void 0 : onSelectionChange(event, calendarDate);
     };
     const handleFocus = (event) => {
       onFocus == null ? void 0 : onFocus(event);
       setFocused(true);
     };
     const handleStartDateBlur = (event) => {
-      updateStartDate(event.target.value);
+      updateStartDate(event, event.target.value);
       setFocused(false);
       onBlur == null ? void 0 : onBlur(event);
     };
@@ -175,7 +155,7 @@ const DateInput = React.forwardRef(
     };
     const handleStartDateKeyDown = (event) => {
       if (event.key === "Enter") {
-        updateStartDate(startDateStringValue);
+        updateStartDate(event, startDateStringValue);
         setOpen(false);
       }
       if (event.key === "Tab" && event.shiftKey && openState) {
@@ -183,7 +163,7 @@ const DateInput = React.forwardRef(
       }
     };
     const handleEndDateBlur = (event) => {
-      updateEndDate(event.target.value);
+      updateEndDate(event, event.target.value);
       setFocused(false);
       onBlur == null ? void 0 : onBlur(event);
     };
@@ -193,14 +173,14 @@ const DateInput = React.forwardRef(
     };
     const handleEndDateKeyDown = (event) => {
       if (event.key === "Enter") {
-        updateEndDate(endDateStringValue);
+        updateEndDate(event, endDateStringValue);
         setOpen(false);
       }
     };
     const handleInputClick = (event) => {
-      var _a2;
+      var _a;
       if (event.target === wrapperRef.current) {
-        (_a2 = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a2.focus();
+        (_a = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a.focus();
       }
     };
     return /* @__PURE__ */ jsxRuntime.jsxs("div", {

package/dist-cjs/date-input/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","sources":["../src/date-input/DateInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  FocusEvent,\n  forwardRef,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport dateInputCss from \"./DateInput.css\";\nimport {\n  makePrefixer,\n  StatusAdornment,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport {\n  CalendarDate,\n  DateFormatter,\n  DateValue,\n  getLocalTimeZone,\n  parseAbsoluteToLocal,\n} from \"@internationalized/date\";\nimport { useDatePickerContext } from \"../date-picker/DatePickerContext\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\nconst isInvalidDate = (value: string) =>\n  // @ts-ignore evaluating validity of date\n  value && isNaN(new Date(value));\nconst createDate = (date: string): Date | null => {\n  if (!date || isInvalidDate(date)) {\n    return null;\n  }\n  return new Date(date);\n};\n\nconst getIsoDate = (date: Date) => {\n  try {\n    return parseAbsoluteToLocal(date?.toISOString());\n  } catch (err) {\n    return undefined;\n  }\n};\n\nfunction getCalendarDate(inputDate: string) {\n  const date = createDate(inputDate);\n  if (!date) return undefined;\n  const isoDate = getIsoDate(date);\n  return isoDate && new CalendarDate(isoDate.year, isoDate.month, isoDate.day);\n}\n\nconst getDateValidationStatus = (value: string | undefined) =>\n  value && isInvalidDate(value) ? \"error\" : undefined;\n\nconst defaultDateFormatter = (date: DateValue | undefined): string => {\n  return date\n    ? new DateFormatter(\"EN-GB\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: \"numeric\",\n      }).format(date.toDate(getLocalTimeZone()))\n    : \"\";\n};\n\nexport interface DateInputProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<ComponentPropsWithoutRef<\"input\">, \"disabled\" | \"placeholder\"> {\n  ariaLabel?: string;\n  /**\n   * The marker to use in an empty read only DateInput.\n   * Use `''` to disable this feature. Defaults to '—'.\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Reference for the startInput;\n   */\n  startInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Reference for the endInput;\n   */\n  endInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n}\n\nexport const DateInput = forwardRef<HTMLDivElement, DateInputProps>(\n  function DateInput(\n    {\n      className,\n      ariaLabel,\n      disabled,\n      selectionVariant: selectionVariantProp,\n      emptyReadOnlyMarker = \"—\",\n      inputProps = {},\n      endAdornment,\n      readOnly: readOnlyProp,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      dateFormatter = defaultDateFormatter,\n      placeholder = \"dd mmm yyyy\",\n      startInputRef,\n      endInputRef,\n      ...rest\n    },\n    ref\n  ) {\n    const wrapperRef = useRef(null);\n    const inputRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n    const inputStringFormatter = (input: string): string => {\n      const date = getCalendarDate(input);\n      return !input || !date ? input : dateFormatter(date);\n    };\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-dateInput\",\n      css: dateInputCss,\n      window: targetWindow,\n    });\n\n    const {\n      startDate,\n      endDate,\n      setStartDate,\n      setEndDate,\n      selectionVariant: pickerSelectionVariant,\n      openState,\n      setOpen,\n      validationStatusState,\n      setValidationStatus,\n    } = useDatePickerContext();\n\n    const selectionVariant = selectionVariantProp ?? pickerSelectionVariant;\n\n    const endDateInputID = useId();\n    const startDateInputID = useId();\n\n    const [focused, setFocused] = useState(false);\n    const [startDateStringValue, setStartDateStringValue] = useState<string>(\n      dateFormatter(startDate)\n    );\n    const [endDateStringValue, setEndDateStringValue] = useState<string>(\n      dateFormatter(endDate)\n    );\n\n    const {\n      a11yProps: {\n        \"aria-describedby\": formFieldDescribedBy,\n        \"aria-labelledby\": formFieldLabelledBy,\n      } = {},\n      disabled: formFieldDisabled,\n      readOnly: formFieldReadOnly,\n      necessity: formFieldRequired,\n      validationStatus: formFieldValidationStatus,\n    } = useFormFieldProps();\n\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n    const isDisabled = disabled || formFieldDisabled;\n\n    const validationStatus =\n      validationStatusState ??\n      formFieldValidationStatus ??\n      validationStatusProp;\n\n    const {\n      \"aria-describedby\": dateInputDescribedBy,\n      \"aria-labelledby\": dateInputLabelledBy,\n      onBlur,\n      onChange,\n      onFocus,\n      required: dateInputPropsRequired,\n      ...restDateInputProps\n    } = inputProps;\n\n    const validateRange = useCallback(() => {\n      if (startDate && endDate) {\n        setValidationStatus(\n          startDate?.compare(endDate) >= 1 ? \"error\" : undefined\n        );\n      }\n    }, [endDate, startDate, setValidationStatus]);\n\n    // Effects. Update date strings when dates change\n    useEffect(() => {\n      setStartDateStringValue(dateFormatter(startDate));\n      validateRange();\n    }, [startDate, dateFormatter, validateRange]);\n\n    useEffect(() => {\n      setEndDateStringValue(dateFormatter(endDate));\n      validateRange();\n    }, [endDate, dateFormatter, validateRange]);\n\n    const isRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : dateInputPropsRequired;\n    const updateStartDate = (dateString: string) => {\n      if (!dateString) setStartDate(undefined);\n      const inputDate = inputStringFormatter(dateString);\n      const calendarDate = getCalendarDate(inputDate);\n      const emptyDateStatus = !calendarDate && inputDate ? \"error\" : undefined;\n      setValidationStatus(\n        getDateValidationStatus(dateString) ??\n          getDateValidationStatus(endDateStringValue) ??\n          emptyDateStatus\n      );\n      if (calendarDate) {\n        setStartDate(calendarDate);\n      }\n    };\n\n    const updateEndDate = (dateString: string) => {\n      if (!dateString) setEndDate(undefined);\n      const inputDate = inputStringFormatter(dateString);\n      const calendarDate = getCalendarDate(inputDate);\n      const emptyDateStatus = !calendarDate && inputDate ? \"error\" : undefined;\n      setValidationStatus(\n        getDateValidationStatus(dateString) ??\n          getDateValidationStatus(startDateStringValue) ??\n          emptyDateStatus\n      );\n      if (calendarDate) {\n        setEndDate(calendarDate);\n      }\n    };\n\n    // Handlers\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      onFocus?.(event);\n      setFocused(true);\n    };\n    const handleStartDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n      updateStartDate(event.target.value);\n      setFocused(false);\n      onBlur?.(event);\n    };\n\n    const handleStartDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setStartDateStringValue(event.target.value);\n      onChange?.(event);\n    };\n\n    const handleStartDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        updateStartDate(startDateStringValue);\n        setOpen(false);\n      }\n      if (event.key === \"Tab\" && event.shiftKey && openState) {\n        setOpen(false);\n      }\n    };\n\n    const handleEndDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n      updateEndDate(event.target.value);\n      setFocused(false);\n      onBlur?.(event);\n    };\n    const handleEndDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setEndDateStringValue(event.target.value);\n      onChange?.(event);\n    };\n    const handleEndDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        updateEndDate(endDateStringValue);\n        setOpen(false);\n      }\n    };\n\n    const handleInputClick = (event: SyntheticEvent<HTMLDivElement>) => {\n      if (event.target === wrapperRef.current) {\n        startInputRef?.current?.focus();\n      }\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(variant),\n          {\n            [withBaseName(\"focused\")]: !isDisabled && focused,\n            [withBaseName(\"disabled\")]: isDisabled,\n            [withBaseName(\"readOnly\")]: isReadOnly,\n            [withBaseName(validationStatus ?? \"\")]: validationStatus,\n          },\n          className\n        )}\n        onClick={(event) => handleInputClick(event)}\n        ref={inputRef}\n        {...rest}\n      >\n        <input\n          autoComplete=\"off\"\n          aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n          aria-labelledby={clsx(\n            formFieldLabelledBy,\n            dateInputLabelledBy,\n            startDateInputID\n          )}\n          aria-label={clsx(\"Start date\", ariaLabel)}\n          id={startDateInputID}\n          className={withBaseName(\"input\")}\n          disabled={isDisabled}\n          readOnly={isReadOnly}\n          ref={startInputRef}\n          tabIndex={isDisabled ? -1 : 0}\n          onBlur={handleStartDateBlur}\n          onChange={handleStartDateChange}\n          onKeyDown={handleStartDateKeyDown}\n          onFocus={!isDisabled ? handleFocus : undefined}\n          placeholder={placeholder}\n          size={placeholder.length}\n          value={\n            isReadOnly && !startDateStringValue\n              ? emptyReadOnlyMarker\n              : startDateStringValue\n          }\n          {...restDateInputProps}\n          required={isRequired}\n        />\n        {selectionVariant === \"range\" && (\n          <>\n            <span>-</span>\n            <input\n              autoComplete=\"off\"\n              aria-describedby={clsx(\n                formFieldDescribedBy,\n                dateInputDescribedBy\n              )}\n              aria-labelledby={clsx(\n                formFieldLabelledBy,\n                dateInputLabelledBy,\n                endDateInputID\n              )}\n              aria-label={clsx(\"End date\", ariaLabel)}\n              id={endDateInputID}\n              className={withBaseName(\"input\")}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              ref={endInputRef}\n              tabIndex={isDisabled ? -1 : 0}\n              onBlur={handleEndDateBlur}\n              onChange={handleEndDateChange}\n              onKeyDown={handleEndDateKeyDown}\n              onFocus={!isDisabled ? handleFocus : undefined}\n              placeholder={placeholder}\n              size={placeholder.length}\n              value={\n                isReadOnly && !endDateStringValue\n                  ? emptyReadOnlyMarker\n                  : endDateStringValue\n              }\n              required={isRequired}\n              {...restDateInputProps}\n            />\n          </>\n        )}\n        {\n          <div className={withBaseName(\"endAdornmentContainer\")}>\n            {!isDisabled && !isReadOnly && validationStatus && (\n              <StatusAdornment status={validationStatus} />\n            )}\n            {endAdornment}\n          </div>\n        }\n        <div className={withBaseName(\"activationIndicator\")} />\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","date","parseAbsoluteToLocal","CalendarDate","DateFormatter","getLocalTimeZone","forwardRef","DateInput","useRef","useForkRef","useWindow","useComponentCssInjection","dateInputCss","useDatePickerContext","useId","useState","useFormFieldProps","useCallback","useEffect","_a","jsxs","clsx","jsx","Fragment","StatusAdornment"],"mappings":"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"}
+{"version":3,"file":"DateInput.js","sources":["../src/date-input/DateInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  FocusEvent,\n  forwardRef,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  SyntheticEvent,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport dateInputCss from \"./DateInput.css\";\nimport {\n  makePrefixer,\n  StatusAdornment,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport {\n  CalendarDate,\n  DateFormatter,\n  DateValue,\n  getLocalTimeZone,\n  parseAbsoluteToLocal,\n} from \"@internationalized/date\";\nimport { useDatePickerContext } from \"../date-picker/DatePickerContext\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\nconst isInvalidDate = (value: string) =>\n  value && isNaN(new Date(value).getDay());\nconst createDate = (date: string): Date | null => {\n  if (!date || isInvalidDate(date)) {\n    return null;\n  }\n  return new Date(date);\n};\n\nconst getIsoDate = (date: Date) => {\n  try {\n    return parseAbsoluteToLocal(date?.toISOString());\n  } catch (err) {\n    return undefined;\n  }\n};\n\nfunction getCalendarDate(inputDate: string) {\n  const date = createDate(inputDate);\n  if (!date) return undefined;\n  const isoDate = getIsoDate(date);\n  return isoDate && new CalendarDate(isoDate.year, isoDate.month, isoDate.day);\n}\n\nconst defaultDateFormatter = (date: DateValue | undefined): string => {\n  return date\n    ? new DateFormatter(\"EN-GB\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: \"numeric\",\n      }).format(date.toDate(getLocalTimeZone()))\n    : \"\";\n};\n\nexport interface DateInputProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<ComponentPropsWithoutRef<\"input\">, \"disabled\" | \"placeholder\"> {\n  ariaLabel?: string;\n  /**\n   * The marker to use in an empty read only DateInput.\n   * Use `''` to disable this feature. Defaults to '—'.\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Reference for the startInput;\n   */\n  startInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Reference for the endInput;\n   */\n  endInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * Callback fired when the selected daate change.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue }\n  ) => void;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const DateInput = forwardRef<HTMLDivElement, DateInputProps>(\n  function DateInput(\n    {\n      className,\n      ariaLabel,\n      disabled,\n      selectionVariant: selectionVariantProp,\n      emptyReadOnlyMarker = \"—\",\n      inputProps = {},\n      endAdornment,\n      readOnly: readOnlyProp,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      dateFormatter = defaultDateFormatter,\n      placeholder = \"dd mmm yyyy\",\n      startInputRef,\n      endInputRef,\n      onSelectionChange,\n      onChange,\n      ...rest\n    },\n    ref\n  ) {\n    const wrapperRef = useRef(null);\n    const inputRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n    const inputStringFormatter = (input: string): string => {\n      const date = getCalendarDate(input);\n      return !input || !date ? input : dateFormatter(date);\n    };\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-dateInput\",\n      css: dateInputCss,\n      window: targetWindow,\n    });\n\n    const {\n      startDate,\n      endDate,\n      setStartDate,\n      setEndDate,\n      selectionVariant: pickerSelectionVariant,\n      openState,\n      setOpen,\n    } = useDatePickerContext();\n\n    const selectionVariant = selectionVariantProp ?? pickerSelectionVariant;\n\n    const endDateInputID = useId();\n    const startDateInputID = useId();\n\n    const [focused, setFocused] = useState(false);\n    const [startDateStringValue, setStartDateStringValue] = useState<string>(\n      dateFormatter(startDate)\n    );\n    const [endDateStringValue, setEndDateStringValue] = useState<string>(\n      dateFormatter(endDate)\n    );\n\n    const {\n      a11yProps: {\n        \"aria-describedby\": formFieldDescribedBy,\n        \"aria-labelledby\": formFieldLabelledBy,\n      } = {},\n      disabled: formFieldDisabled,\n      readOnly: formFieldReadOnly,\n      necessity: formFieldRequired,\n      validationStatus: formFieldValidationStatus,\n    } = useFormFieldProps();\n\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n    const isDisabled = disabled || formFieldDisabled;\n\n    const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n\n    const {\n      \"aria-describedby\": dateInputDescribedBy,\n      \"aria-labelledby\": dateInputLabelledBy,\n      onBlur,\n      onFocus,\n      required: dateInputPropsRequired,\n      ...restDateInputProps\n    } = inputProps;\n\n    // Effects. Update date strings when dates change\n    useEffect(() => {\n      setStartDateStringValue(dateFormatter(startDate));\n    }, [startDate, dateFormatter]);\n\n    useEffect(() => {\n      setEndDateStringValue(dateFormatter(endDate));\n    }, [endDate, dateFormatter]);\n\n    const isRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : dateInputPropsRequired;\n    const updateStartDate = (event: SyntheticEvent, dateString: string) => {\n      if (!dateString) setStartDate(undefined);\n      const inputDate = inputStringFormatter(dateString);\n      const calendarDate = getCalendarDate(inputDate);\n      if (calendarDate) {\n        setStartDate(calendarDate);\n      }\n      onSelectionChange?.(event, calendarDate);\n    };\n\n    const updateEndDate = (event: SyntheticEvent, dateString: string) => {\n      if (!dateString) setEndDate(undefined);\n      const inputDate = inputStringFormatter(dateString);\n      const calendarDate = getCalendarDate(inputDate);\n      if (calendarDate) {\n        setEndDate(calendarDate);\n      }\n      onSelectionChange?.(event, calendarDate);\n    };\n\n    // Handlers\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      onFocus?.(event);\n      setFocused(true);\n    };\n    const handleStartDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n      updateStartDate(event, event.target.value);\n      setFocused(false);\n      onBlur?.(event);\n    };\n\n    const handleStartDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setStartDateStringValue(event.target.value);\n      onChange?.(event);\n    };\n\n    const handleStartDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        updateStartDate(event, startDateStringValue);\n        setOpen(false);\n      }\n      if (event.key === \"Tab\" && event.shiftKey && openState) {\n        setOpen(false);\n      }\n    };\n\n    const handleEndDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n      updateEndDate(event, event.target.value);\n      setFocused(false);\n      onBlur?.(event);\n    };\n    const handleEndDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setEndDateStringValue(event.target.value);\n      onChange?.(event);\n    };\n    const handleEndDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        updateEndDate(event, endDateStringValue);\n        setOpen(false);\n      }\n    };\n\n    const handleInputClick = (event: SyntheticEvent<HTMLDivElement>) => {\n      if (event.target === wrapperRef.current) {\n        startInputRef?.current?.focus();\n      }\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(variant),\n          {\n            [withBaseName(\"focused\")]: !isDisabled && focused,\n            [withBaseName(\"disabled\")]: isDisabled,\n            [withBaseName(\"readOnly\")]: isReadOnly,\n            [withBaseName(validationStatus ?? \"\")]: validationStatus,\n          },\n          className\n        )}\n        onClick={(event) => handleInputClick(event)}\n        ref={inputRef}\n        {...rest}\n      >\n        <input\n          autoComplete=\"off\"\n          aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n          aria-labelledby={clsx(\n            formFieldLabelledBy,\n            dateInputLabelledBy,\n            startDateInputID\n          )}\n          aria-label={clsx(\"Start date\", ariaLabel)}\n          id={startDateInputID}\n          className={withBaseName(\"input\")}\n          disabled={isDisabled}\n          readOnly={isReadOnly}\n          ref={startInputRef}\n          tabIndex={isDisabled ? -1 : 0}\n          onBlur={handleStartDateBlur}\n          onChange={handleStartDateChange}\n          onKeyDown={handleStartDateKeyDown}\n          onFocus={!isDisabled ? handleFocus : undefined}\n          placeholder={placeholder}\n          size={placeholder.length}\n          value={\n            isReadOnly && !startDateStringValue\n              ? emptyReadOnlyMarker\n              : startDateStringValue\n          }\n          {...restDateInputProps}\n          required={isRequired}\n        />\n        {selectionVariant === \"range\" && (\n          <>\n            <span>-</span>\n            <input\n              autoComplete=\"off\"\n              aria-describedby={clsx(\n                formFieldDescribedBy,\n                dateInputDescribedBy\n              )}\n              aria-labelledby={clsx(\n                formFieldLabelledBy,\n                dateInputLabelledBy,\n                endDateInputID\n              )}\n              aria-label={clsx(\"End date\", ariaLabel)}\n              id={endDateInputID}\n              className={withBaseName(\"input\")}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              ref={endInputRef}\n              tabIndex={isDisabled ? -1 : 0}\n              onBlur={handleEndDateBlur}\n              onChange={handleEndDateChange}\n              onKeyDown={handleEndDateKeyDown}\n              onFocus={!isDisabled ? handleFocus : undefined}\n              placeholder={placeholder}\n              size={placeholder.length}\n              value={\n                isReadOnly && !endDateStringValue\n                  ? emptyReadOnlyMarker\n                  : endDateStringValue\n              }\n              required={isRequired}\n              {...restDateInputProps}\n            />\n          </>\n        )}\n        {\n          <div className={withBaseName(\"endAdornmentContainer\")}>\n            {!isDisabled && !isReadOnly && validationStatus && (\n              <StatusAdornment status={validationStatus} />\n            )}\n            {endAdornment}\n          </div>\n        }\n        <div className={withBaseName(\"activationIndicator\")} />\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","date","parseAbsoluteToLocal","CalendarDate","DateFormatter","getLocalTimeZone","forwardRef","DateInput","useRef","useForkRef","useWindow","useComponentCssInjection","dateInputCss","useDatePickerContext","useId","useState","useFormFieldProps","useEffect","jsxs","clsx","jsx","Fragment","StatusAdornment"],"mappings":"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"}

package/dist-cjs/date-picker/DatePicker.js

@@ -33,6 +33,9 @@ const DatePicker = React.forwardRef(
     helperText,
     readOnly: readOnlyProp,
     inputAriaLabel,
+    validationStatus,
+    onSelectionChange,
+    onChange,
     ...rest
   }, ref) {
     var _a;
@@ -54,7 +57,6 @@ const DatePicker = React.forwardRef(
       name: "EndDate",
       state: "endDate"
     });
-    const [validationStatusState, setValidationStatus] = React.useState(void 0);
     const [startVisibleMonth, setStartVisibleMonth] = React.useState(startDate != null ? startDate : date.today(date.getLocalTimeZone()));
     const [endVisibleMonth, setEndVisibleMonth] = React.useState(
       (_a = endDate != null ? endDate : startDate == null ? void 0 : startDate.add({ months: 1 })) != null ? _a : date.today(date.getLocalTimeZone()).add({ months: 1 })
@@ -91,11 +93,12 @@ const DatePicker = React.forwardRef(
     const endInputRef = React.useRef(null);
     const inputRef = core.useForkRef(ref, reference);
     const floatingRef = core.useForkRef(panelRef, floating);
-    const handleSelect = () => {
+    const handleSelect = (event, selectedDate) => {
       var _a2;
       if (selectionVariant === "default" && startDate) {
         (_a2 = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a2.focus();
       }
+      onSelectionChange == null ? void 0 : onSelectionChange(event, selectedDate);
     };
     const handleCalendarButton = () => {
       var _a2;
@@ -120,14 +123,13 @@ const DatePicker = React.forwardRef(
       ) ? defaultSelectedDate.startDate : defaultSelectedDate,
       selectionVariant,
       context,
-      getPanelPosition,
-      validationStatusState,
-      setValidationStatus
+      getPanelPosition
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(DatePickerContext.DatePickerContext.Provider, {
       value: datePickerContextValue,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(DateInput.DateInput, {
+          validationStatus,
           className: clsx.clsx(withBaseName(), className),
           ref: inputRef,
           ...getReferenceProps(),
@@ -137,6 +139,8 @@ const DatePicker = React.forwardRef(
           dateFormatter,
           readOnly: isReadOnly,
           ariaLabel: inputAriaLabel,
+          onSelectionChange,
+          onChange,
           endAdornment: /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
             variant: "secondary",
             onClick: handleCalendarButton,

package/dist-cjs/date-picker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../src/date-picker/DatePicker.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ComponentPropsWithoutRef, forwardRef, useRef, useState } from \"react\";\n\nimport {\n  Button,\n  makePrefixer,\n  useControlled,\n  useFloatingUI,\n  useForkRef,\n  useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { DatePickerContext } from \"./DatePickerContext\";\nimport { DatePickerPanel } from \"./DatePickerPanel\";\nimport { flip, useDismiss, useInteractions } from \"@floating-ui/react\";\nimport { DateInput } from \"../date-input\";\nimport { DateValue, getLocalTimeZone, today } from \"@internationalized/date\";\nimport { CalendarIcon } from \"@salt-ds/icons\";\nimport {\n  CalendarProps,\n  isRangeOrOffsetSelectionWithStartDate,\n} from \"../calendar\";\n\nconst withBaseName = makePrefixer(\"saltDatePicker\");\n\nexport interface DatePickerProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<\n      ComponentPropsWithoutRef<\"input\">,\n      \"disabled\" | \"value\" | \"defaultValue\" | \"placeholder\"\n    > {\n  inputAriaLabel?: string;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * If `true`, the component will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The selected date value. Use when the component is controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  selectedDate?: DateValue | { startDate: DateValue; endDate: DateValue };\n  /**\n   * The default date value. Use when the component is not controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  defaultSelectedDate?:\n    | DateValue\n    | { startDate: DateValue; endDate: DateValue };\n  /**\n   * Props to be passed to the Calendar component.\n   */\n  CalendarProps?: Partial<\n    Omit<\n      CalendarProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectedDateChange\"\n    >\n  >;\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Callback function triggered when open state changes.\n   */\n  onOpenChange?: (newOpen: boolean) => void;\n  /**\n   * Display or hide the component.\n   */\n  open?: boolean;\n  /**\n   * Helper text to display in the panel\n   */\n  helperText?: string;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n}\n\nexport const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n  function DatePicker(\n    {\n      selectionVariant = \"default\",\n      disabled = false,\n      placeholder = \"dd mmm yyyy\",\n      selectedDate: selectedDateProp,\n      defaultSelectedDate,\n      dateFormatter,\n      CalendarProps,\n      className,\n      open: openProp,\n      onOpenChange: onOpenChangeProp,\n      helperText,\n      readOnly: readOnlyProp,\n      inputAriaLabel,\n      ...rest\n    },\n    ref\n  ) {\n    const [open, setOpen] = useControlled({\n      controlled: openProp,\n      default: false,\n      name: \"openPanel\",\n      state: \"openPanel\",\n    });\n\n    const [startDate, setStartDate] = useControlled({\n      controlled: isRangeOrOffsetSelectionWithStartDate(selectedDateProp)\n        ? selectedDateProp.startDate\n        : selectedDateProp,\n      default: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.startDate\n        : defaultSelectedDate,\n      name: \"StartDate\",\n      state: \"startDate\",\n    });\n    const [endDate, setEndDate] = useControlled({\n      controlled: isRangeOrOffsetSelectionWithStartDate(selectedDateProp)\n        ? selectedDateProp.endDate\n        : selectedDateProp,\n      default: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.endDate\n        : undefined,\n      name: \"EndDate\",\n      state: \"endDate\",\n    });\n    const [validationStatusState, setValidationStatus] = useState<\n      \"error\" | undefined\n    >(undefined);\n    const [startVisibleMonth, setStartVisibleMonth] = useState<\n      DateValue | undefined\n    >(startDate ?? today(getLocalTimeZone()));\n    const [endVisibleMonth, setEndVisibleMonth] = useState<\n      DateValue | undefined\n    >(\n      endDate ??\n        startDate?.add({ months: 1 }) ??\n        today(getLocalTimeZone()).add({ months: 1 })\n    );\n\n    const onOpenChange = (newState: boolean) => {\n      setOpen(newState);\n      startInputRef?.current?.focus();\n      onOpenChangeProp?.(newState);\n    };\n\n    const { x, y, strategy, elements, floating, reference, context } =\n      useFloatingUI({\n        open: open,\n        onOpenChange: onOpenChange,\n        placement: \"bottom-start\",\n        middleware: [flip({ fallbackStrategy: \"initialPlacement\" })],\n      });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n      useDismiss(context),\n    ]);\n    const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } =\n      useFormFieldProps();\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n\n    const getPanelPosition = () => ({\n      top: y ?? 0,\n      left: x ?? 0,\n      position: strategy,\n      width: elements.floating?.offsetWidth,\n      height: elements.floating?.offsetHeight,\n    });\n\n    const panelRef = useRef<HTMLDivElement>(null);\n    const startInputRef = useRef<HTMLInputElement>(null);\n    const endInputRef = useRef<HTMLInputElement>(null);\n    const inputRef = useForkRef<HTMLDivElement>(ref, reference);\n    const floatingRef = useForkRef<HTMLDivElement>(panelRef, floating);\n\n    // Handlers\n    const handleSelect = () => {\n      if (selectionVariant === \"default\" && startDate) {\n        startInputRef?.current?.focus();\n      }\n    };\n    const handleCalendarButton = () => {\n      startInputRef?.current?.focus();\n      setOpen(!open);\n    };\n\n    // Context\n    const datePickerContextValue = {\n      openState: open,\n      setOpen,\n      disabled,\n      endDate,\n      setEndDate,\n      defaultEndDate: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.endDate\n        : defaultSelectedDate,\n      startDate,\n      setStartDate,\n      startVisibleMonth,\n      setStartVisibleMonth,\n      endVisibleMonth,\n      setEndVisibleMonth,\n      defaultStartDate: isRangeOrOffsetSelectionWithStartDate(\n        defaultSelectedDate\n      )\n        ? defaultSelectedDate.startDate\n        : defaultSelectedDate,\n      selectionVariant,\n      context,\n      getPanelPosition,\n      validationStatusState,\n      setValidationStatus,\n    };\n\n    return (\n      <DatePickerContext.Provider value={datePickerContextValue}>\n        <DateInput\n          className={clsx(withBaseName(), className)}\n          ref={inputRef}\n          {...getReferenceProps()}\n          startInputRef={startInputRef}\n          endInputRef={endInputRef}\n          placeholder={placeholder}\n          dateFormatter={dateFormatter}\n          readOnly={isReadOnly}\n          ariaLabel={inputAriaLabel}\n          endAdornment={\n            <Button\n              variant=\"secondary\"\n              onClick={handleCalendarButton}\n              disabled={disabled || isReadOnly || formFieldDisabled}\n              aria-label=\"Open Calendar\"\n            >\n              <CalendarIcon aria-hidden />\n            </Button>\n          }\n          {...rest}\n        />\n        <DatePickerPanel\n          ref={floatingRef}\n          {...getFloatingProps()}\n          onSelect={handleSelect}\n          CalendarProps={CalendarProps}\n          helperText={helperText}\n        />\n      </DatePickerContext.Provider>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","DatePicker","CalendarProps","useControlled","isRangeOrOffsetSelectionWithStartDate","useState","today","getLocalTimeZone","_a","useFloatingUI","flip","useInteractions","useDismiss","useFormFieldProps","useRef","useForkRef","jsxs","DatePickerContext","jsx","DateInput","clsx","Button","CalendarIcon","DatePickerPanel"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../src/date-picker/DatePicker.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  forwardRef,\n  SyntheticEvent,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  Button,\n  makePrefixer,\n  useControlled,\n  useFloatingUI,\n  useForkRef,\n  useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { DatePickerContext } from \"./DatePickerContext\";\nimport { DatePickerPanel } from \"./DatePickerPanel\";\nimport { flip, useDismiss, useInteractions } from \"@floating-ui/react\";\nimport { DateInput } from \"../date-input\";\nimport { DateValue, getLocalTimeZone, today } from \"@internationalized/date\";\nimport { CalendarIcon } from \"@salt-ds/icons\";\nimport {\n  CalendarProps,\n  isRangeOrOffsetSelectionWithStartDate,\n} from \"../calendar\";\n\nconst withBaseName = makePrefixer(\"saltDatePicker\");\n\nexport interface DatePickerProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<\n      ComponentPropsWithoutRef<\"input\">,\n      \"disabled\" | \"value\" | \"defaultValue\" | \"placeholder\"\n    > {\n  inputAriaLabel?: string;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * If `true`, the component will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The selected date value. Use when the component is controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue };\n  /**\n   * The default date value. Use when the component is not controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  defaultSelectedDate?:\n    | DateValue\n    | { startDate: DateValue; endDate: DateValue };\n  /**\n   * Props to be passed to the Calendar component.\n   */\n  CalendarProps?: Partial<\n    Omit<\n      CalendarProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectedDateChange\"\n    >\n  >;\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Callback function triggered when open state changes.\n   */\n  onOpenChange?: (newOpen: boolean) => void;\n  /**\n   * Display or hide the component.\n   */\n  open?: boolean;\n  /**\n   * Helper text to display in the panel\n   */\n  helperText?: string;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Callback fired when the selected date change.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue }\n  ) => void;\n  /**\n   * Callback fired when the input value change.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n  function DatePicker(\n    {\n      selectionVariant = \"default\",\n      disabled = false,\n      placeholder = \"dd mmm yyyy\",\n      selectedDate: selectedDateProp,\n      defaultSelectedDate,\n      dateFormatter,\n      CalendarProps,\n      className,\n      open: openProp,\n      onOpenChange: onOpenChangeProp,\n      helperText,\n      readOnly: readOnlyProp,\n      inputAriaLabel,\n      validationStatus,\n      onSelectionChange,\n      onChange,\n      ...rest\n    },\n    ref\n  ) {\n    const [open, setOpen] = useControlled({\n      controlled: openProp,\n      default: false,\n      name: \"openPanel\",\n      state: \"openPanel\",\n    });\n\n    const [startDate, setStartDate] = useControlled({\n      controlled: isRangeOrOffsetSelectionWithStartDate(selectedDateProp)\n        ? selectedDateProp.startDate\n        : selectedDateProp,\n      default: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.startDate\n        : defaultSelectedDate,\n      name: \"StartDate\",\n      state: \"startDate\",\n    });\n    const [endDate, setEndDate] = useControlled({\n      controlled: isRangeOrOffsetSelectionWithStartDate(selectedDateProp)\n        ? selectedDateProp.endDate\n        : selectedDateProp,\n      default: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.endDate\n        : undefined,\n      name: \"EndDate\",\n      state: \"endDate\",\n    });\n\n    const [startVisibleMonth, setStartVisibleMonth] = useState<\n      DateValue | undefined\n    >(startDate ?? today(getLocalTimeZone()));\n    const [endVisibleMonth, setEndVisibleMonth] = useState<\n      DateValue | undefined\n    >(\n      endDate ??\n        startDate?.add({ months: 1 }) ??\n        today(getLocalTimeZone()).add({ months: 1 })\n    );\n\n    const onOpenChange = (newState: boolean) => {\n      setOpen(newState);\n      startInputRef?.current?.focus();\n      onOpenChangeProp?.(newState);\n    };\n\n    const { x, y, strategy, elements, floating, reference, context } =\n      useFloatingUI({\n        open: open,\n        onOpenChange: onOpenChange,\n        placement: \"bottom-start\",\n        middleware: [flip({ fallbackStrategy: \"initialPlacement\" })],\n      });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n      useDismiss(context),\n    ]);\n    const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } =\n      useFormFieldProps();\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n\n    const getPanelPosition = () => ({\n      top: y ?? 0,\n      left: x ?? 0,\n      position: strategy,\n      width: elements.floating?.offsetWidth,\n      height: elements.floating?.offsetHeight,\n    });\n\n    const panelRef = useRef<HTMLDivElement>(null);\n    const startInputRef = useRef<HTMLInputElement>(null);\n    const endInputRef = useRef<HTMLInputElement>(null);\n    const inputRef = useForkRef<HTMLDivElement>(ref, reference);\n    const floatingRef = useForkRef<HTMLDivElement>(panelRef, floating);\n\n    // Handlers\n    const handleSelect = (\n      event: SyntheticEvent,\n      selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue }\n    ) => {\n      if (selectionVariant === \"default\" && startDate) {\n        startInputRef?.current?.focus();\n      }\n      onSelectionChange?.(event, selectedDate);\n    };\n    const handleCalendarButton = () => {\n      startInputRef?.current?.focus();\n      setOpen(!open);\n    };\n\n    // Context\n    const datePickerContextValue = {\n      openState: open,\n      setOpen,\n      disabled,\n      endDate,\n      setEndDate,\n      defaultEndDate: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.endDate\n        : defaultSelectedDate,\n      startDate,\n      setStartDate,\n      startVisibleMonth,\n      setStartVisibleMonth,\n      endVisibleMonth,\n      setEndVisibleMonth,\n      defaultStartDate: isRangeOrOffsetSelectionWithStartDate(\n        defaultSelectedDate\n      )\n        ? defaultSelectedDate.startDate\n        : defaultSelectedDate,\n      selectionVariant,\n      context,\n      getPanelPosition,\n    };\n\n    return (\n      <DatePickerContext.Provider value={datePickerContextValue}>\n        <DateInput\n          validationStatus={validationStatus}\n          className={clsx(withBaseName(), className)}\n          ref={inputRef}\n          {...getReferenceProps()}\n          startInputRef={startInputRef}\n          endInputRef={endInputRef}\n          placeholder={placeholder}\n          dateFormatter={dateFormatter}\n          readOnly={isReadOnly}\n          ariaLabel={inputAriaLabel}\n          onSelectionChange={onSelectionChange}\n          onChange={onChange}\n          endAdornment={\n            <Button\n              variant=\"secondary\"\n              onClick={handleCalendarButton}\n              disabled={disabled || isReadOnly || formFieldDisabled}\n              aria-label=\"Open Calendar\"\n            >\n              <CalendarIcon aria-hidden />\n            </Button>\n          }\n          {...rest}\n        />\n        <DatePickerPanel\n          ref={floatingRef}\n          {...getFloatingProps()}\n          onSelect={handleSelect}\n          CalendarProps={CalendarProps}\n          helperText={helperText}\n        />\n      </DatePickerContext.Provider>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","DatePicker","CalendarProps","useControlled","isRangeOrOffsetSelectionWithStartDate","useState","today","getLocalTimeZone","_a","useFloatingUI","flip","useInteractions","useDismiss","useFormFieldProps","useRef","useForkRef","jsxs","DatePickerContext","jsx","DateInput","clsx","Button","CalendarIcon","DatePickerPanel"],"mappings":"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"}

package/dist-cjs/date-picker/DatePickerContext.js

@@ -19,8 +19,6 @@ const DatePickerContext = core.createContext(
     endDate: void 0,
     defaultEndDate: void 0,
     setEndDate: () => void 0,
-    validationStatusState: void 0,
-    setValidationStatus: () => void 0,
     endVisibleMonth: void 0,
     setEndVisibleMonth: () => void 0,
     selectionVariant: "default",

package/dist-cjs/date-picker/DatePickerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerContext.js","sources":["../src/date-picker/DatePickerContext.ts"],"sourcesContent":["import { createContext, UseFloatingUIReturn } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\nimport { DateValue } from \"@internationalized/date\";\n\nexport interface DatePickerContextValue\n  extends Partial<Pick<UseFloatingUIReturn, \"context\">> {\n  openState: boolean;\n  setOpen: (newOpen: boolean) => void;\n  disabled: boolean;\n  //start date values\n  startDate: DateValue | undefined;\n  defaultStartDate: DateValue | undefined;\n  setStartDate: (newStartDate: DateValue | undefined) => void;\n  startVisibleMonth: DateValue | undefined;\n  setStartVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  // end date values for range picker\n  endDate: DateValue | undefined;\n  endVisibleMonth: DateValue | undefined;\n  setEndVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  defaultEndDate: DateValue | undefined;\n  setEndDate: (newEndDate: DateValue | undefined) => void;\n  validationStatusState: \"error\" | undefined;\n  setValidationStatus: (newStatus: \"error\" | undefined) => void;\n  selectionVariant: \"default\" | \"range\";\n  getPanelPosition: () => Record<string, unknown>;\n}\n\nexport const DatePickerContext = createContext<DatePickerContextValue>(\n  \"DatePickerContext\",\n  {\n    openState: false,\n    setOpen: () => undefined,\n    disabled: false,\n    startDate: undefined,\n    defaultStartDate: undefined,\n    setStartDate: () => undefined,\n    startVisibleMonth: undefined,\n    setStartVisibleMonth: () => undefined,\n    endDate: undefined,\n    defaultEndDate: undefined,\n    setEndDate: () => undefined,\n    validationStatusState: undefined,\n    setValidationStatus: () => undefined,\n    endVisibleMonth: undefined,\n    setEndVisibleMonth: () => undefined,\n    selectionVariant: \"default\",\n    getPanelPosition: () => ({}),\n  }\n);\n\nexport function useDatePickerContext() {\n  return useContext(DatePickerContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;AA2BO,MAAM,iBAAoB,GAAAA,kBAAA;AAAA,EAC/B,mBAAA;AAAA,EACA;AAAA,IACE,SAAW,EAAA,KAAA;AAAA,IACX,SAAS,MAAM,KAAA,CAAA;AAAA,IACf,QAAU,EAAA,KAAA;AAAA,IACV,SAAW,EAAA,KAAA,CAAA;AAAA,IACX,gBAAkB,EAAA,KAAA,CAAA;AAAA,IAClB,cAAc,MAAM,KAAA,CAAA;AAAA,IACpB,iBAAmB,EAAA,KAAA,CAAA;AAAA,IACnB,sBAAsB,MAAM,KAAA,CAAA;AAAA,IAC5B,OAAS,EAAA,KAAA,CAAA;AAAA,IACT,cAAgB,EAAA,KAAA,CAAA;AAAA,IAChB,YAAY,MAAM,KAAA,CAAA;AAAA,IAClB,qBAAuB,EAAA,KAAA,CAAA;AAAA,IACvB,qBAAqB,MAAM,KAAA,CAAA;AAAA,IAC3B,eAAiB,EAAA,KAAA,CAAA;AAAA,IACjB,oBAAoB,MAAM,KAAA,CAAA;AAAA,IAC1B,gBAAkB,EAAA,SAAA;AAAA,IAClB,gBAAA,EAAkB,OAAO,EAAC,CAAA;AAAA,GAC5B;AACF,EAAA;AAEO,SAAS,oBAAuB,GAAA;AACrC,EAAA,OAAOC,iBAAW,iBAAiB,CAAA,CAAA;AACrC;;;;;"}
+{"version":3,"file":"DatePickerContext.js","sources":["../src/date-picker/DatePickerContext.ts"],"sourcesContent":["import { createContext, UseFloatingUIReturn } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\nimport { DateValue } from \"@internationalized/date\";\n\nexport interface DatePickerContextValue\n  extends Partial<Pick<UseFloatingUIReturn, \"context\">> {\n  openState: boolean;\n  setOpen: (newOpen: boolean) => void;\n  disabled: boolean;\n  //start date values\n  startDate: DateValue | undefined;\n  defaultStartDate: DateValue | undefined;\n  setStartDate: (newStartDate: DateValue | undefined) => void;\n  startVisibleMonth: DateValue | undefined;\n  setStartVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  // end date values for range picker\n  endDate: DateValue | undefined;\n  endVisibleMonth: DateValue | undefined;\n  setEndVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  defaultEndDate: DateValue | undefined;\n  setEndDate: (newEndDate: DateValue | undefined) => void;\n  selectionVariant: \"default\" | \"range\";\n  getPanelPosition: () => Record<string, unknown>;\n}\n\nexport const DatePickerContext = createContext<DatePickerContextValue>(\n  \"DatePickerContext\",\n  {\n    openState: false,\n    setOpen: () => undefined,\n    disabled: false,\n    startDate: undefined,\n    defaultStartDate: undefined,\n    setStartDate: () => undefined,\n    startVisibleMonth: undefined,\n    setStartVisibleMonth: () => undefined,\n    endDate: undefined,\n    defaultEndDate: undefined,\n    setEndDate: () => undefined,\n    endVisibleMonth: undefined,\n    setEndVisibleMonth: () => undefined,\n    selectionVariant: \"default\",\n    getPanelPosition: () => ({}),\n  }\n);\n\nexport function useDatePickerContext() {\n  return useContext(DatePickerContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;AAyBO,MAAM,iBAAoB,GAAAA,kBAAA;AAAA,EAC/B,mBAAA;AAAA,EACA;AAAA,IACE,SAAW,EAAA,KAAA;AAAA,IACX,SAAS,MAAM,KAAA,CAAA;AAAA,IACf,QAAU,EAAA,KAAA;AAAA,IACV,SAAW,EAAA,KAAA,CAAA;AAAA,IACX,gBAAkB,EAAA,KAAA,CAAA;AAAA,IAClB,cAAc,MAAM,KAAA,CAAA;AAAA,IACpB,iBAAmB,EAAA,KAAA,CAAA;AAAA,IACnB,sBAAsB,MAAM,KAAA,CAAA;AAAA,IAC5B,OAAS,EAAA,KAAA,CAAA;AAAA,IACT,cAAgB,EAAA,KAAA,CAAA;AAAA,IAChB,YAAY,MAAM,KAAA,CAAA;AAAA,IAClB,eAAiB,EAAA,KAAA,CAAA;AAAA,IACjB,oBAAoB,MAAM,KAAA,CAAA;AAAA,IAC1B,gBAAkB,EAAA,SAAA;AAAA,IAClB,gBAAA,EAAkB,OAAO,EAAC,CAAA;AAAA,GAC5B;AACF,EAAA;AAEO,SAAS,oBAAuB,GAAA;AACrC,EAAA,OAAOC,iBAAW,iBAAiB,CAAA,CAAA;AACrC;;;;;"}

package/dist-cjs/date-picker/DatePickerPanel.js

@@ -42,23 +42,20 @@ const DatePickerPanel = React.forwardRef(
       setOpen,
       selectionVariant,
       context,
-      getPanelPosition,
-      setValidationStatus
+      getPanelPosition
     } = DatePickerContext.useDatePickerContext();
     const { a11yProps } = core.useFormFieldProps();
-    const setRangeDate = (_, newDate) => {
+    const setRangeDate = (event, newDate) => {
       setStartDate(newDate.startDate);
       setEndDate(newDate.endDate);
-      setValidationStatus(void 0);
+      onSelect == null ? void 0 : onSelect(event, newDate);
       if (newDate.startDate && newDate.endDate) {
         setOpen(false);
       }
-      onSelect == null ? void 0 : onSelect();
     };
-    const setSingleDate = (_, newDate) => {
+    const setSingleDate = (event, newDate) => {
       setStartDate(newDate);
-      setValidationStatus(void 0);
-      onSelect == null ? void 0 : onSelect();
+      onSelect == null ? void 0 : onSelect(event, newDate);
       setOpen(false);
     };
     const handleHoveredDateChange = (_, newHoveredDate) => {
@@ -107,27 +104,30 @@ const DatePickerPanel = React.forwardRef(
               children: helperText
             })
           }),
-          /* @__PURE__ */ jsxRuntime.jsxs(core.FlexLayout, {
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Calendar.Calendar, {
-                visibleMonth: startVisibleMonth,
-                onVisibleMonthChange: (_, month) => setStartVisibleMonth(month),
-                ...firstCalendarProps,
-                ...CalendarProps2
-              }),
-              isRangePicker && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Calendar, {
-                selectionVariant: "range",
-                hoveredDate,
-                onHoveredDateChange: handleHoveredDateChange,
-                selectedDate: { startDate, endDate },
-                onSelectedDateChange: setRangeDate,
-                visibleMonth: endVisibleMonth,
-                onVisibleMonthChange: (_, month) => setEndVisibleMonth(month),
-                hideOutOfRangeDates: true,
-                minDate: startDate ? (_a = date.startOfMonth(startDate)) == null ? void 0 : _a.add({ months: 1 }) : void 0,
-                ...CalendarProps2
-              })
-            ]
+          /* @__PURE__ */ jsxRuntime.jsx(core.FlexLayout, {
+            children: /* @__PURE__ */ jsxRuntime.jsxs(core.FormFieldContext.Provider, {
+              value: {},
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Calendar.Calendar, {
+                  visibleMonth: startVisibleMonth,
+                  onVisibleMonthChange: (_, month) => setStartVisibleMonth(month),
+                  ...firstCalendarProps,
+                  ...CalendarProps2
+                }),
+                isRangePicker && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Calendar, {
+                  selectionVariant: "range",
+                  hoveredDate,
+                  onHoveredDateChange: handleHoveredDateChange,
+                  selectedDate: { startDate, endDate },
+                  onSelectedDateChange: setRangeDate,
+                  visibleMonth: endVisibleMonth,
+                  onVisibleMonthChange: (_, month) => setEndVisibleMonth(month),
+                  hideOutOfRangeDates: true,
+                  minDate: startDate ? (_a = date.startOfMonth(startDate)) == null ? void 0 : _a.add({ months: 1 }) : void 0,
+                  ...CalendarProps2
+                })
+              ]
+            })
           })
         ]
       })

package/dist-cjs/date-picker/DatePickerPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerPanel.js","sources":["../src/date-picker/DatePickerPanel.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport {\n  FlexItem,\n  FlexLayout,\n  FormFieldHelperText,\n  makePrefixer,\n  StackLayout,\n  useFloatingComponent,\n  useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport dateInputPanelCss from \"./DatePickerPanel.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport {\n  Calendar,\n  CalendarProps,\n  UseRangeSelectionCalendarProps,\n  UseSingleSelectionCalendarProps,\n} from \"../calendar\";\nimport { DateValue, endOfMonth, startOfMonth } from \"@internationalized/date\";\n\nexport interface DatePickerPanelProps extends ComponentPropsWithoutRef<\"div\"> {\n  onSelect?: () => void;\n  helperText?: string;\n  CalendarProps?: Partial<\n    Omit<\n      CalendarProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectedDateChange\"\n    >\n  >;\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nexport const DatePickerPanel = forwardRef<HTMLDivElement, DatePickerPanelProps>(\n  function DatePickerPanel(props, ref) {\n    const { className, onSelect, helperText, CalendarProps, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-picker-panel\",\n      css: dateInputPanelCss,\n      window: targetWindow,\n    });\n\n    const { Component: FloatingComponent } = useFloatingComponent();\n    const [hoveredDate, setHoveredDate] = useState<DateValue | null>(null);\n\n    const {\n      openState,\n      startDate,\n      setStartDate,\n      startVisibleMonth,\n      setStartVisibleMonth,\n      endDate,\n      setEndDate,\n      endVisibleMonth,\n      setEndVisibleMonth,\n      setOpen,\n      selectionVariant,\n      context,\n      getPanelPosition,\n      setValidationStatus,\n    } = useDatePickerContext();\n\n    const { a11yProps } = useFormFieldProps();\n\n    const setRangeDate: UseRangeSelectionCalendarProps[\"onSelectedDateChange\"] =\n      (_, newDate) => {\n        setStartDate(newDate.startDate);\n        setEndDate(newDate.endDate);\n        setValidationStatus(undefined);\n        if (newDate.startDate && newDate.endDate) {\n          setOpen(false);\n        }\n        onSelect?.();\n      };\n    const setSingleDate: UseSingleSelectionCalendarProps[\"onSelectedDateChange\"] =\n      (_, newDate) => {\n        setStartDate(newDate);\n        setValidationStatus(undefined);\n        onSelect?.();\n        setOpen(false);\n      };\n    const handleHoveredDateChange: CalendarProps[\"onHoveredDateChange\"] = (\n      _,\n      newHoveredDate\n    ) => {\n      setHoveredDate(newHoveredDate);\n    };\n    useEffect(() => {\n      if (startDate) {\n        setStartVisibleMonth(startDate);\n        setEndVisibleMonth(startDate.add({ months: 1 }));\n      }\n    }, [startDate]);\n\n    const isRangePicker = selectionVariant === \"range\";\n    const firstCalendarProps: CalendarProps = isRangePicker\n      ? {\n          selectionVariant: \"range\",\n          hoveredDate:\n            startDate &&\n            hoveredDate &&\n            hoveredDate.compare(endOfMonth(startDate)) > 0\n              ? endOfMonth(startDate)\n              : hoveredDate,\n          onHoveredDateChange: handleHoveredDateChange,\n          selectedDate: { startDate, endDate },\n          onSelectedDateChange: setRangeDate,\n          maxDate: startDate && endOfMonth(startDate),\n          hideOutOfRangeDates: true,\n        }\n      : {\n          selectionVariant: \"default\",\n          selectedDate: startDate,\n          onSelectedDateChange: setSingleDate,\n        };\n    return (\n      <FloatingComponent\n        open={openState}\n        className={clsx(withBaseName(), className)}\n        aria-modal=\"true\"\n        ref={ref}\n        focusManagerProps={\n          context\n            ? {\n                context: context,\n                initialFocus: 4,\n              }\n            : undefined\n        }\n        {...getPanelPosition()}\n        {...a11yProps}\n        {...rest}\n      >\n        <StackLayout separators gap={0} className={withBaseName(\"container\")}>\n          {helperText && (\n            <FlexItem className={withBaseName(\"header\")}>\n              <FormFieldHelperText>{helperText}</FormFieldHelperText>\n            </FlexItem>\n          )}\n          <FlexLayout>\n            <Calendar\n              visibleMonth={startVisibleMonth}\n              onVisibleMonthChange={(_, month) => setStartVisibleMonth(month)}\n              {...firstCalendarProps}\n              {...CalendarProps}\n            />\n            {isRangePicker && (\n              <Calendar\n                selectionVariant=\"range\"\n                hoveredDate={hoveredDate}\n                onHoveredDateChange={handleHoveredDateChange}\n                selectedDate={{ startDate, endDate }}\n                onSelectedDateChange={setRangeDate}\n                visibleMonth={endVisibleMonth}\n                onVisibleMonthChange={(_, month) => setEndVisibleMonth(month)}\n                hideOutOfRangeDates\n                minDate={\n                  startDate\n                    ? startOfMonth(startDate)?.add({ months: 1 })\n                    : undefined\n                }\n                {...CalendarProps}\n              />\n            )}\n          </FlexLayout>\n        </StackLayout>\n      </FloatingComponent>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","DatePickerPanel","CalendarProps","useWindow","useComponentCssInjection","dateInputPanelCss","useFloatingComponent","useState","useDatePickerContext","useFormFieldProps","useEffect","endOfMonth","jsx","clsx","jsxs","StackLayout","FlexItem","FormFieldHelperText","FlexLayout","Calendar","startOfMonth"],"mappings":"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"}
+{"version":3,"file":"DatePickerPanel.js","sources":["../src/date-picker/DatePickerPanel.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  SyntheticEvent,\n  useEffect,\n  useState,\n} from \"react\";\nimport {\n  FlexItem,\n  FlexLayout,\n  FormFieldHelperText,\n  makePrefixer,\n  StackLayout,\n  useFloatingComponent,\n  useFormFieldProps,\n  FormFieldContext,\n  FormFieldContextValue,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport dateInputPanelCss from \"./DatePickerPanel.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport {\n  Calendar,\n  CalendarProps,\n  UseRangeSelectionCalendarProps,\n  UseSingleSelectionCalendarProps,\n} from \"../calendar\";\nimport { DateValue, endOfMonth, startOfMonth } from \"@internationalized/date\";\n\nexport interface DatePickerPanelProps extends ComponentPropsWithoutRef<\"div\"> {\n  onSelect?: (\n    event: SyntheticEvent,\n    selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue }\n  ) => void;\n  helperText?: string;\n  CalendarProps?: Partial<\n    Omit<\n      CalendarProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectedDateChange\"\n    >\n  >;\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nexport const DatePickerPanel = forwardRef<HTMLDivElement, DatePickerPanelProps>(\n  function DatePickerPanel(props, ref) {\n    const { className, onSelect, helperText, CalendarProps, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-picker-panel\",\n      css: dateInputPanelCss,\n      window: targetWindow,\n    });\n\n    const { Component: FloatingComponent } = useFloatingComponent();\n    const [hoveredDate, setHoveredDate] = useState<DateValue | null>(null);\n\n    const {\n      openState,\n      startDate,\n      setStartDate,\n      startVisibleMonth,\n      setStartVisibleMonth,\n      endDate,\n      setEndDate,\n      endVisibleMonth,\n      setEndVisibleMonth,\n      setOpen,\n      selectionVariant,\n      context,\n      getPanelPosition,\n    } = useDatePickerContext();\n\n    const { a11yProps } = useFormFieldProps();\n\n    const setRangeDate: UseRangeSelectionCalendarProps[\"onSelectedDateChange\"] =\n      (event, newDate) => {\n        setStartDate(newDate.startDate);\n        setEndDate(newDate.endDate);\n        onSelect?.(event, newDate);\n        if (newDate.startDate && newDate.endDate) {\n          setOpen(false);\n        }\n      };\n    const setSingleDate: UseSingleSelectionCalendarProps[\"onSelectedDateChange\"] =\n      (event, newDate) => {\n        setStartDate(newDate);\n        onSelect?.(event, newDate);\n        setOpen(false);\n      };\n    const handleHoveredDateChange: CalendarProps[\"onHoveredDateChange\"] = (\n      _,\n      newHoveredDate\n    ) => {\n      setHoveredDate(newHoveredDate);\n    };\n    useEffect(() => {\n      if (startDate) {\n        setStartVisibleMonth(startDate);\n        setEndVisibleMonth(startDate.add({ months: 1 }));\n      }\n    }, [startDate]);\n\n    const isRangePicker = selectionVariant === \"range\";\n    const firstCalendarProps: CalendarProps = isRangePicker\n      ? {\n          selectionVariant: \"range\",\n          hoveredDate:\n            startDate &&\n            hoveredDate &&\n            hoveredDate.compare(endOfMonth(startDate)) > 0\n              ? endOfMonth(startDate)\n              : hoveredDate,\n          onHoveredDateChange: handleHoveredDateChange,\n          selectedDate: { startDate, endDate },\n          onSelectedDateChange: setRangeDate,\n          maxDate: startDate && endOfMonth(startDate),\n          hideOutOfRangeDates: true,\n        }\n      : {\n          selectionVariant: \"default\",\n          selectedDate: startDate,\n          onSelectedDateChange: setSingleDate,\n        };\n    return (\n      <FloatingComponent\n        open={openState}\n        className={clsx(withBaseName(), className)}\n        aria-modal=\"true\"\n        ref={ref}\n        focusManagerProps={\n          context\n            ? {\n                context: context,\n                initialFocus: 4,\n              }\n            : undefined\n        }\n        {...getPanelPosition()}\n        {...a11yProps}\n        {...rest}\n      >\n        <StackLayout separators gap={0} className={withBaseName(\"container\")}>\n          {helperText && (\n            <FlexItem className={withBaseName(\"header\")}>\n              <FormFieldHelperText>{helperText}</FormFieldHelperText>\n            </FlexItem>\n          )}\n          <FlexLayout>\n            {/* Avoid Dropdowns in Calendar inheriting the FormField's state */}\n            <FormFieldContext.Provider value={{} as FormFieldContextValue}>\n              <Calendar\n                visibleMonth={startVisibleMonth}\n                onVisibleMonthChange={(_, month) => setStartVisibleMonth(month)}\n                {...firstCalendarProps}\n                {...CalendarProps}\n              />\n              {isRangePicker && (\n                <Calendar\n                  selectionVariant=\"range\"\n                  hoveredDate={hoveredDate}\n                  onHoveredDateChange={handleHoveredDateChange}\n                  selectedDate={{ startDate, endDate }}\n                  onSelectedDateChange={setRangeDate}\n                  visibleMonth={endVisibleMonth}\n                  onVisibleMonthChange={(_, month) => setEndVisibleMonth(month)}\n                  hideOutOfRangeDates\n                  minDate={\n                    startDate\n                      ? startOfMonth(startDate)?.add({ months: 1 })\n                      : undefined\n                  }\n                  {...CalendarProps}\n                />\n              )}\n            </FormFieldContext.Provider>\n          </FlexLayout>\n        </StackLayout>\n      </FloatingComponent>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","DatePickerPanel","CalendarProps","useWindow","useComponentCssInjection","dateInputPanelCss","useFloatingComponent","useState","useDatePickerContext","useFormFieldProps","useEffect","endOfMonth","jsx","clsx","jsxs","StackLayout","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","startOfMonth"],"mappings":"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"}

package/dist-es/date-input/DateInput.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
-import { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
+import { forwardRef, useRef, useState, useEffect } from 'react';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 import css_248z from './DateInput.css.js';
@@ -9,7 +9,7 @@ import { DateFormatter, getLocalTimeZone, CalendarDate, parseAbsoluteToLocal } f
 import { useDatePickerContext } from '../date-picker/DatePickerContext.js';
 
 const withBaseName = makePrefixer("saltDateInput");
-const isInvalidDate = (value) => value && isNaN(new Date(value));
+const isInvalidDate = (value) => value && isNaN(new Date(value).getDay());
 const createDate = (date) => {
   if (!date || isInvalidDate(date)) {
     return null;
@@ -30,7 +30,6 @@ function getCalendarDate(inputDate) {
   const isoDate = getIsoDate(date);
   return isoDate && new CalendarDate(isoDate.year, isoDate.month, isoDate.day);
 }
-const getDateValidationStatus = (value) => value && isInvalidDate(value) ? "error" : void 0;
 const defaultDateFormatter = (date) => {
   return date ? new DateFormatter("EN-GB", {
     day: "2-digit",
@@ -54,9 +53,10 @@ const DateInput = forwardRef(
     placeholder = "dd mmm yyyy",
     startInputRef,
     endInputRef,
+    onSelectionChange,
+    onChange,
     ...rest
   }, ref) {
-    var _a;
     const wrapperRef = useRef(null);
     const inputRef = useForkRef(ref, wrapperRef);
     const inputStringFormatter = (input) => {
@@ -76,9 +76,7 @@ const DateInput = forwardRef(
       setEndDate,
       selectionVariant: pickerSelectionVariant,
       openState,
-      setOpen,
-      validationStatusState,
-      setValidationStatus
+      setOpen
     } = useDatePickerContext();
     const selectionVariant = selectionVariantProp != null ? selectionVariantProp : pickerSelectionVariant;
     const endDateInputID = useId();
@@ -102,66 +100,48 @@ const DateInput = forwardRef(
     } = useFormFieldProps();
     const isReadOnly = readOnlyProp || formFieldReadOnly;
     const isDisabled = disabled || formFieldDisabled;
-    const validationStatus = (_a = validationStatusState != null ? validationStatusState : formFieldValidationStatus) != null ? _a : validationStatusProp;
+    const validationStatus = formFieldValidationStatus != null ? formFieldValidationStatus : validationStatusProp;
     const {
       "aria-describedby": dateInputDescribedBy,
       "aria-labelledby": dateInputLabelledBy,
       onBlur,
-      onChange,
       onFocus,
       required: dateInputPropsRequired,
       ...restDateInputProps
     } = inputProps;
-    const validateRange = useCallback(() => {
-      if (startDate && endDate) {
-        setValidationStatus(
-          (startDate == null ? void 0 : startDate.compare(endDate)) >= 1 ? "error" : void 0
-        );
-      }
-    }, [endDate, startDate, setValidationStatus]);
     useEffect(() => {
       setStartDateStringValue(dateFormatter(startDate));
-      validateRange();
-    }, [startDate, dateFormatter, validateRange]);
+    }, [startDate, dateFormatter]);
     useEffect(() => {
       setEndDateStringValue(dateFormatter(endDate));
-      validateRange();
-    }, [endDate, dateFormatter, validateRange]);
+    }, [endDate, dateFormatter]);
     const isRequired = formFieldRequired ? ["required", "asterisk"].includes(formFieldRequired) : dateInputPropsRequired;
-    const updateStartDate = (dateString) => {
-      var _a2, _b;
+    const updateStartDate = (event, dateString) => {
       if (!dateString)
         setStartDate(void 0);
       const inputDate = inputStringFormatter(dateString);
       const calendarDate = getCalendarDate(inputDate);
-      const emptyDateStatus = !calendarDate && inputDate ? "error" : void 0;
-      setValidationStatus(
-        (_b = (_a2 = getDateValidationStatus(dateString)) != null ? _a2 : getDateValidationStatus(endDateStringValue)) != null ? _b : emptyDateStatus
-      );
       if (calendarDate) {
         setStartDate(calendarDate);
       }
+      onSelectionChange == null ? void 0 : onSelectionChange(event, calendarDate);
     };
-    const updateEndDate = (dateString) => {
-      var _a2, _b;
+    const updateEndDate = (event, dateString) => {
       if (!dateString)
         setEndDate(void 0);
       const inputDate = inputStringFormatter(dateString);
       const calendarDate = getCalendarDate(inputDate);
-      const emptyDateStatus = !calendarDate && inputDate ? "error" : void 0;
-      setValidationStatus(
-        (_b = (_a2 = getDateValidationStatus(dateString)) != null ? _a2 : getDateValidationStatus(startDateStringValue)) != null ? _b : emptyDateStatus
-      );
       if (calendarDate) {
         setEndDate(calendarDate);
       }
+      onSelectionChange == null ? void 0 : onSelectionChange(event, calendarDate);
     };
     const handleFocus = (event) => {
       onFocus == null ? void 0 : onFocus(event);
       setFocused(true);
     };
     const handleStartDateBlur = (event) => {
-      updateStartDate(event.target.value);
+      updateStartDate(event, event.target.value);
       setFocused(false);
       onBlur == null ? void 0 : onBlur(event);
     };
@@ -171,7 +151,7 @@ const DateInput = forwardRef(
     };
     const handleStartDateKeyDown = (event) => {
       if (event.key === "Enter") {
-        updateStartDate(startDateStringValue);
+        updateStartDate(event, startDateStringValue);
         setOpen(false);
       }
       if (event.key === "Tab" && event.shiftKey && openState) {
@@ -179,7 +159,7 @@ const DateInput = forwardRef(
       }
     };
     const handleEndDateBlur = (event) => {
-      updateEndDate(event.target.value);
+      updateEndDate(event, event.target.value);
       setFocused(false);
       onBlur == null ? void 0 : onBlur(event);
     };
@@ -189,14 +169,14 @@ const DateInput = forwardRef(
     };
     const handleEndDateKeyDown = (event) => {
       if (event.key === "Enter") {
-        updateEndDate(endDateStringValue);
+        updateEndDate(event, endDateStringValue);
         setOpen(false);
       }
     };
     const handleInputClick = (event) => {
-      var _a2;
+      var _a;
       if (event.target === wrapperRef.current) {
-        (_a2 = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a2.focus();
+        (_a = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a.focus();
       }
     };
     return /* @__PURE__ */ jsxs("div", {

package/dist-es/date-input/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","sources":["../src/date-input/DateInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  FocusEvent,\n  forwardRef,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport dateInputCss from \"./DateInput.css\";\nimport {\n  makePrefixer,\n  StatusAdornment,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport {\n  CalendarDate,\n  DateFormatter,\n  DateValue,\n  getLocalTimeZone,\n  parseAbsoluteToLocal,\n} from \"@internationalized/date\";\nimport { useDatePickerContext } from \"../date-picker/DatePickerContext\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\nconst isInvalidDate = (value: string) =>\n  // @ts-ignore evaluating validity of date\n  value && isNaN(new Date(value));\nconst createDate = (date: string): Date | null => {\n  if (!date || isInvalidDate(date)) {\n    return null;\n  }\n  return new Date(date);\n};\n\nconst getIsoDate = (date: Date) => {\n  try {\n    return parseAbsoluteToLocal(date?.toISOString());\n  } catch (err) {\n    return undefined;\n  }\n};\n\nfunction getCalendarDate(inputDate: string) {\n  const date = createDate(inputDate);\n  if (!date) return undefined;\n  const isoDate = getIsoDate(date);\n  return isoDate && new CalendarDate(isoDate.year, isoDate.month, isoDate.day);\n}\n\nconst getDateValidationStatus = (value: string | undefined) =>\n  value && isInvalidDate(value) ? \"error\" : undefined;\n\nconst defaultDateFormatter = (date: DateValue | undefined): string => {\n  return date\n    ? new DateFormatter(\"EN-GB\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: \"numeric\",\n      }).format(date.toDate(getLocalTimeZone()))\n    : \"\";\n};\n\nexport interface DateInputProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<ComponentPropsWithoutRef<\"input\">, \"disabled\" | \"placeholder\"> {\n  ariaLabel?: string;\n  /**\n   * The marker to use in an empty read only DateInput.\n   * Use `''` to disable this feature. Defaults to '—'.\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Reference for the startInput;\n   */\n  startInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Reference for the endInput;\n   */\n  endInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n}\n\nexport const DateInput = forwardRef<HTMLDivElement, DateInputProps>(\n  function DateInput(\n    {\n      className,\n      ariaLabel,\n      disabled,\n      selectionVariant: selectionVariantProp,\n      emptyReadOnlyMarker = \"—\",\n      inputProps = {},\n      endAdornment,\n      readOnly: readOnlyProp,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      dateFormatter = defaultDateFormatter,\n      placeholder = \"dd mmm yyyy\",\n      startInputRef,\n      endInputRef,\n      ...rest\n    },\n    ref\n  ) {\n    const wrapperRef = useRef(null);\n    const inputRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n    const inputStringFormatter = (input: string): string => {\n      const date = getCalendarDate(input);\n      return !input || !date ? input : dateFormatter(date);\n    };\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-dateInput\",\n      css: dateInputCss,\n      window: targetWindow,\n    });\n\n    const {\n      startDate,\n      endDate,\n      setStartDate,\n      setEndDate,\n      selectionVariant: pickerSelectionVariant,\n      openState,\n      setOpen,\n      validationStatusState,\n      setValidationStatus,\n    } = useDatePickerContext();\n\n    const selectionVariant = selectionVariantProp ?? pickerSelectionVariant;\n\n    const endDateInputID = useId();\n    const startDateInputID = useId();\n\n    const [focused, setFocused] = useState(false);\n    const [startDateStringValue, setStartDateStringValue] = useState<string>(\n      dateFormatter(startDate)\n    );\n    const [endDateStringValue, setEndDateStringValue] = useState<string>(\n      dateFormatter(endDate)\n    );\n\n    const {\n      a11yProps: {\n        \"aria-describedby\": formFieldDescribedBy,\n        \"aria-labelledby\": formFieldLabelledBy,\n      } = {},\n      disabled: formFieldDisabled,\n      readOnly: formFieldReadOnly,\n      necessity: formFieldRequired,\n      validationStatus: formFieldValidationStatus,\n    } = useFormFieldProps();\n\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n    const isDisabled = disabled || formFieldDisabled;\n\n    const validationStatus =\n      validationStatusState ??\n      formFieldValidationStatus ??\n      validationStatusProp;\n\n    const {\n      \"aria-describedby\": dateInputDescribedBy,\n      \"aria-labelledby\": dateInputLabelledBy,\n      onBlur,\n      onChange,\n      onFocus,\n      required: dateInputPropsRequired,\n      ...restDateInputProps\n    } = inputProps;\n\n    const validateRange = useCallback(() => {\n      if (startDate && endDate) {\n        setValidationStatus(\n          startDate?.compare(endDate) >= 1 ? \"error\" : undefined\n        );\n      }\n    }, [endDate, startDate, setValidationStatus]);\n\n    // Effects. Update date strings when dates change\n    useEffect(() => {\n      setStartDateStringValue(dateFormatter(startDate));\n      validateRange();\n    }, [startDate, dateFormatter, validateRange]);\n\n    useEffect(() => {\n      setEndDateStringValue(dateFormatter(endDate));\n      validateRange();\n    }, [endDate, dateFormatter, validateRange]);\n\n    const isRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : dateInputPropsRequired;\n    const updateStartDate = (dateString: string) => {\n      if (!dateString) setStartDate(undefined);\n      const inputDate = inputStringFormatter(dateString);\n      const calendarDate = getCalendarDate(inputDate);\n      const emptyDateStatus = !calendarDate && inputDate ? \"error\" : undefined;\n      setValidationStatus(\n        getDateValidationStatus(dateString) ??\n          getDateValidationStatus(endDateStringValue) ??\n          emptyDateStatus\n      );\n      if (calendarDate) {\n        setStartDate(calendarDate);\n      }\n    };\n\n    const updateEndDate = (dateString: string) => {\n      if (!dateString) setEndDate(undefined);\n      const inputDate = inputStringFormatter(dateString);\n      const calendarDate = getCalendarDate(inputDate);\n      const emptyDateStatus = !calendarDate && inputDate ? \"error\" : undefined;\n      setValidationStatus(\n        getDateValidationStatus(dateString) ??\n          getDateValidationStatus(startDateStringValue) ??\n          emptyDateStatus\n      );\n      if (calendarDate) {\n        setEndDate(calendarDate);\n      }\n    };\n\n    // Handlers\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      onFocus?.(event);\n      setFocused(true);\n    };\n    const handleStartDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n      updateStartDate(event.target.value);\n      setFocused(false);\n      onBlur?.(event);\n    };\n\n    const handleStartDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setStartDateStringValue(event.target.value);\n      onChange?.(event);\n    };\n\n    const handleStartDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        updateStartDate(startDateStringValue);\n        setOpen(false);\n      }\n      if (event.key === \"Tab\" && event.shiftKey && openState) {\n        setOpen(false);\n      }\n    };\n\n    const handleEndDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n      updateEndDate(event.target.value);\n      setFocused(false);\n      onBlur?.(event);\n    };\n    const handleEndDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setEndDateStringValue(event.target.value);\n      onChange?.(event);\n    };\n    const handleEndDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        updateEndDate(endDateStringValue);\n        setOpen(false);\n      }\n    };\n\n    const handleInputClick = (event: SyntheticEvent<HTMLDivElement>) => {\n      if (event.target === wrapperRef.current) {\n        startInputRef?.current?.focus();\n      }\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(variant),\n          {\n            [withBaseName(\"focused\")]: !isDisabled && focused,\n            [withBaseName(\"disabled\")]: isDisabled,\n            [withBaseName(\"readOnly\")]: isReadOnly,\n            [withBaseName(validationStatus ?? \"\")]: validationStatus,\n          },\n          className\n        )}\n        onClick={(event) => handleInputClick(event)}\n        ref={inputRef}\n        {...rest}\n      >\n        <input\n          autoComplete=\"off\"\n          aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n          aria-labelledby={clsx(\n            formFieldLabelledBy,\n            dateInputLabelledBy,\n            startDateInputID\n          )}\n          aria-label={clsx(\"Start date\", ariaLabel)}\n          id={startDateInputID}\n          className={withBaseName(\"input\")}\n          disabled={isDisabled}\n          readOnly={isReadOnly}\n          ref={startInputRef}\n          tabIndex={isDisabled ? -1 : 0}\n          onBlur={handleStartDateBlur}\n          onChange={handleStartDateChange}\n          onKeyDown={handleStartDateKeyDown}\n          onFocus={!isDisabled ? handleFocus : undefined}\n          placeholder={placeholder}\n          size={placeholder.length}\n          value={\n            isReadOnly && !startDateStringValue\n              ? emptyReadOnlyMarker\n              : startDateStringValue\n          }\n          {...restDateInputProps}\n          required={isRequired}\n        />\n        {selectionVariant === \"range\" && (\n          <>\n            <span>-</span>\n            <input\n              autoComplete=\"off\"\n              aria-describedby={clsx(\n                formFieldDescribedBy,\n                dateInputDescribedBy\n              )}\n              aria-labelledby={clsx(\n                formFieldLabelledBy,\n                dateInputLabelledBy,\n                endDateInputID\n              )}\n              aria-label={clsx(\"End date\", ariaLabel)}\n              id={endDateInputID}\n              className={withBaseName(\"input\")}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              ref={endInputRef}\n              tabIndex={isDisabled ? -1 : 0}\n              onBlur={handleEndDateBlur}\n              onChange={handleEndDateChange}\n              onKeyDown={handleEndDateKeyDown}\n              onFocus={!isDisabled ? handleFocus : undefined}\n              placeholder={placeholder}\n              size={placeholder.length}\n              value={\n                isReadOnly && !endDateStringValue\n                  ? emptyReadOnlyMarker\n                  : endDateStringValue\n              }\n              required={isRequired}\n              {...restDateInputProps}\n            />\n          </>\n        )}\n        {\n          <div className={withBaseName(\"endAdornmentContainer\")}>\n            {!isDisabled && !isReadOnly && validationStatus && (\n              <StatusAdornment status={validationStatus} />\n            )}\n            {endAdornment}\n          </div>\n        }\n        <div className={withBaseName(\"activationIndicator\")} />\n      </div>\n    );\n  }\n);\n"],"names":["DateInput","dateInputCss","_a"],"mappings":"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"}
+{"version":3,"file":"DateInput.js","sources":["../src/date-input/DateInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEvent,\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  FocusEvent,\n  forwardRef,\n  InputHTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  SyntheticEvent,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport dateInputCss from \"./DateInput.css\";\nimport {\n  makePrefixer,\n  StatusAdornment,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport {\n  CalendarDate,\n  DateFormatter,\n  DateValue,\n  getLocalTimeZone,\n  parseAbsoluteToLocal,\n} from \"@internationalized/date\";\nimport { useDatePickerContext } from \"../date-picker/DatePickerContext\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\nconst isInvalidDate = (value: string) =>\n  value && isNaN(new Date(value).getDay());\nconst createDate = (date: string): Date | null => {\n  if (!date || isInvalidDate(date)) {\n    return null;\n  }\n  return new Date(date);\n};\n\nconst getIsoDate = (date: Date) => {\n  try {\n    return parseAbsoluteToLocal(date?.toISOString());\n  } catch (err) {\n    return undefined;\n  }\n};\n\nfunction getCalendarDate(inputDate: string) {\n  const date = createDate(inputDate);\n  if (!date) return undefined;\n  const isoDate = getIsoDate(date);\n  return isoDate && new CalendarDate(isoDate.year, isoDate.month, isoDate.day);\n}\n\nconst defaultDateFormatter = (date: DateValue | undefined): string => {\n  return date\n    ? new DateFormatter(\"EN-GB\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: \"numeric\",\n      }).format(date.toDate(getLocalTimeZone()))\n    : \"\";\n};\n\nexport interface DateInputProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<ComponentPropsWithoutRef<\"input\">, \"disabled\" | \"placeholder\"> {\n  ariaLabel?: string;\n  /**\n   * The marker to use in an empty read only DateInput.\n   * Use `''` to disable this feature. Defaults to '—'.\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Reference for the startInput;\n   */\n  startInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Reference for the endInput;\n   */\n  endInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * Callback fired when the selected daate change.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue }\n  ) => void;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const DateInput = forwardRef<HTMLDivElement, DateInputProps>(\n  function DateInput(\n    {\n      className,\n      ariaLabel,\n      disabled,\n      selectionVariant: selectionVariantProp,\n      emptyReadOnlyMarker = \"—\",\n      inputProps = {},\n      endAdornment,\n      readOnly: readOnlyProp,\n      validationStatus: validationStatusProp,\n      variant = \"primary\",\n      dateFormatter = defaultDateFormatter,\n      placeholder = \"dd mmm yyyy\",\n      startInputRef,\n      endInputRef,\n      onSelectionChange,\n      onChange,\n      ...rest\n    },\n    ref\n  ) {\n    const wrapperRef = useRef(null);\n    const inputRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n    const inputStringFormatter = (input: string): string => {\n      const date = getCalendarDate(input);\n      return !input || !date ? input : dateFormatter(date);\n    };\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-dateInput\",\n      css: dateInputCss,\n      window: targetWindow,\n    });\n\n    const {\n      startDate,\n      endDate,\n      setStartDate,\n      setEndDate,\n      selectionVariant: pickerSelectionVariant,\n      openState,\n      setOpen,\n    } = useDatePickerContext();\n\n    const selectionVariant = selectionVariantProp ?? pickerSelectionVariant;\n\n    const endDateInputID = useId();\n    const startDateInputID = useId();\n\n    const [focused, setFocused] = useState(false);\n    const [startDateStringValue, setStartDateStringValue] = useState<string>(\n      dateFormatter(startDate)\n    );\n    const [endDateStringValue, setEndDateStringValue] = useState<string>(\n      dateFormatter(endDate)\n    );\n\n    const {\n      a11yProps: {\n        \"aria-describedby\": formFieldDescribedBy,\n        \"aria-labelledby\": formFieldLabelledBy,\n      } = {},\n      disabled: formFieldDisabled,\n      readOnly: formFieldReadOnly,\n      necessity: formFieldRequired,\n      validationStatus: formFieldValidationStatus,\n    } = useFormFieldProps();\n\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n    const isDisabled = disabled || formFieldDisabled;\n\n    const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n\n    const {\n      \"aria-describedby\": dateInputDescribedBy,\n      \"aria-labelledby\": dateInputLabelledBy,\n      onBlur,\n      onFocus,\n      required: dateInputPropsRequired,\n      ...restDateInputProps\n    } = inputProps;\n\n    // Effects. Update date strings when dates change\n    useEffect(() => {\n      setStartDateStringValue(dateFormatter(startDate));\n    }, [startDate, dateFormatter]);\n\n    useEffect(() => {\n      setEndDateStringValue(dateFormatter(endDate));\n    }, [endDate, dateFormatter]);\n\n    const isRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : dateInputPropsRequired;\n    const updateStartDate = (event: SyntheticEvent, dateString: string) => {\n      if (!dateString) setStartDate(undefined);\n      const inputDate = inputStringFormatter(dateString);\n      const calendarDate = getCalendarDate(inputDate);\n      if (calendarDate) {\n        setStartDate(calendarDate);\n      }\n      onSelectionChange?.(event, calendarDate);\n    };\n\n    const updateEndDate = (event: SyntheticEvent, dateString: string) => {\n      if (!dateString) setEndDate(undefined);\n      const inputDate = inputStringFormatter(dateString);\n      const calendarDate = getCalendarDate(inputDate);\n      if (calendarDate) {\n        setEndDate(calendarDate);\n      }\n      onSelectionChange?.(event, calendarDate);\n    };\n\n    // Handlers\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      onFocus?.(event);\n      setFocused(true);\n    };\n    const handleStartDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n      updateStartDate(event, event.target.value);\n      setFocused(false);\n      onBlur?.(event);\n    };\n\n    const handleStartDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setStartDateStringValue(event.target.value);\n      onChange?.(event);\n    };\n\n    const handleStartDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        updateStartDate(event, startDateStringValue);\n        setOpen(false);\n      }\n      if (event.key === \"Tab\" && event.shiftKey && openState) {\n        setOpen(false);\n      }\n    };\n\n    const handleEndDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n      updateEndDate(event, event.target.value);\n      setFocused(false);\n      onBlur?.(event);\n    };\n    const handleEndDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setEndDateStringValue(event.target.value);\n      onChange?.(event);\n    };\n    const handleEndDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\") {\n        updateEndDate(event, endDateStringValue);\n        setOpen(false);\n      }\n    };\n\n    const handleInputClick = (event: SyntheticEvent<HTMLDivElement>) => {\n      if (event.target === wrapperRef.current) {\n        startInputRef?.current?.focus();\n      }\n    };\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          withBaseName(variant),\n          {\n            [withBaseName(\"focused\")]: !isDisabled && focused,\n            [withBaseName(\"disabled\")]: isDisabled,\n            [withBaseName(\"readOnly\")]: isReadOnly,\n            [withBaseName(validationStatus ?? \"\")]: validationStatus,\n          },\n          className\n        )}\n        onClick={(event) => handleInputClick(event)}\n        ref={inputRef}\n        {...rest}\n      >\n        <input\n          autoComplete=\"off\"\n          aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n          aria-labelledby={clsx(\n            formFieldLabelledBy,\n            dateInputLabelledBy,\n            startDateInputID\n          )}\n          aria-label={clsx(\"Start date\", ariaLabel)}\n          id={startDateInputID}\n          className={withBaseName(\"input\")}\n          disabled={isDisabled}\n          readOnly={isReadOnly}\n          ref={startInputRef}\n          tabIndex={isDisabled ? -1 : 0}\n          onBlur={handleStartDateBlur}\n          onChange={handleStartDateChange}\n          onKeyDown={handleStartDateKeyDown}\n          onFocus={!isDisabled ? handleFocus : undefined}\n          placeholder={placeholder}\n          size={placeholder.length}\n          value={\n            isReadOnly && !startDateStringValue\n              ? emptyReadOnlyMarker\n              : startDateStringValue\n          }\n          {...restDateInputProps}\n          required={isRequired}\n        />\n        {selectionVariant === \"range\" && (\n          <>\n            <span>-</span>\n            <input\n              autoComplete=\"off\"\n              aria-describedby={clsx(\n                formFieldDescribedBy,\n                dateInputDescribedBy\n              )}\n              aria-labelledby={clsx(\n                formFieldLabelledBy,\n                dateInputLabelledBy,\n                endDateInputID\n              )}\n              aria-label={clsx(\"End date\", ariaLabel)}\n              id={endDateInputID}\n              className={withBaseName(\"input\")}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              ref={endInputRef}\n              tabIndex={isDisabled ? -1 : 0}\n              onBlur={handleEndDateBlur}\n              onChange={handleEndDateChange}\n              onKeyDown={handleEndDateKeyDown}\n              onFocus={!isDisabled ? handleFocus : undefined}\n              placeholder={placeholder}\n              size={placeholder.length}\n              value={\n                isReadOnly && !endDateStringValue\n                  ? emptyReadOnlyMarker\n                  : endDateStringValue\n              }\n              required={isRequired}\n              {...restDateInputProps}\n            />\n          </>\n        )}\n        {\n          <div className={withBaseName(\"endAdornmentContainer\")}>\n            {!isDisabled && !isReadOnly && validationStatus && (\n              <StatusAdornment status={validationStatus} />\n            )}\n            {endAdornment}\n          </div>\n        }\n        <div className={withBaseName(\"activationIndicator\")} />\n      </div>\n    );\n  }\n);\n"],"names":["DateInput","dateInputCss"],"mappings":"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"}

package/dist-es/date-picker/DatePicker.js

@@ -29,6 +29,9 @@ const DatePicker = forwardRef(
     helperText,
     readOnly: readOnlyProp,
     inputAriaLabel,
+    validationStatus,
+    onSelectionChange,
+    onChange,
     ...rest
   }, ref) {
     var _a;
@@ -50,7 +53,6 @@ const DatePicker = forwardRef(
       name: "EndDate",
       state: "endDate"
     });
-    const [validationStatusState, setValidationStatus] = useState(void 0);
     const [startVisibleMonth, setStartVisibleMonth] = useState(startDate != null ? startDate : today(getLocalTimeZone()));
     const [endVisibleMonth, setEndVisibleMonth] = useState(
       (_a = endDate != null ? endDate : startDate == null ? void 0 : startDate.add({ months: 1 })) != null ? _a : today(getLocalTimeZone()).add({ months: 1 })
@@ -87,11 +89,12 @@ const DatePicker = forwardRef(
     const endInputRef = useRef(null);
     const inputRef = useForkRef(ref, reference);
     const floatingRef = useForkRef(panelRef, floating);
-    const handleSelect = () => {
+    const handleSelect = (event, selectedDate) => {
       var _a2;
       if (selectionVariant === "default" && startDate) {
         (_a2 = startInputRef == null ? void 0 : startInputRef.current) == null ? void 0 : _a2.focus();
       }
+      onSelectionChange == null ? void 0 : onSelectionChange(event, selectedDate);
     };
     const handleCalendarButton = () => {
       var _a2;
@@ -116,14 +119,13 @@ const DatePicker = forwardRef(
       ) ? defaultSelectedDate.startDate : defaultSelectedDate,
       selectionVariant,
       context,
-      getPanelPosition,
-      validationStatusState,
-      setValidationStatus
+      getPanelPosition
     };
     return /* @__PURE__ */ jsxs(DatePickerContext.Provider, {
       value: datePickerContextValue,
       children: [
         /* @__PURE__ */ jsx(DateInput, {
+          validationStatus,
           className: clsx(withBaseName(), className),
           ref: inputRef,
           ...getReferenceProps(),
@@ -133,6 +135,8 @@ const DatePicker = forwardRef(
           dateFormatter,
           readOnly: isReadOnly,
           ariaLabel: inputAriaLabel,
+          onSelectionChange,
+          onChange,
           endAdornment: /* @__PURE__ */ jsx(Button, {
             variant: "secondary",
             onClick: handleCalendarButton,

package/dist-es/date-picker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../src/date-picker/DatePicker.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ComponentPropsWithoutRef, forwardRef, useRef, useState } from \"react\";\n\nimport {\n  Button,\n  makePrefixer,\n  useControlled,\n  useFloatingUI,\n  useForkRef,\n  useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { DatePickerContext } from \"./DatePickerContext\";\nimport { DatePickerPanel } from \"./DatePickerPanel\";\nimport { flip, useDismiss, useInteractions } from \"@floating-ui/react\";\nimport { DateInput } from \"../date-input\";\nimport { DateValue, getLocalTimeZone, today } from \"@internationalized/date\";\nimport { CalendarIcon } from \"@salt-ds/icons\";\nimport {\n  CalendarProps,\n  isRangeOrOffsetSelectionWithStartDate,\n} from \"../calendar\";\n\nconst withBaseName = makePrefixer(\"saltDatePicker\");\n\nexport interface DatePickerProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<\n      ComponentPropsWithoutRef<\"input\">,\n      \"disabled\" | \"value\" | \"defaultValue\" | \"placeholder\"\n    > {\n  inputAriaLabel?: string;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * If `true`, the component will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The selected date value. Use when the component is controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  selectedDate?: DateValue | { startDate: DateValue; endDate: DateValue };\n  /**\n   * The default date value. Use when the component is not controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  defaultSelectedDate?:\n    | DateValue\n    | { startDate: DateValue; endDate: DateValue };\n  /**\n   * Props to be passed to the Calendar component.\n   */\n  CalendarProps?: Partial<\n    Omit<\n      CalendarProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectedDateChange\"\n    >\n  >;\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Callback function triggered when open state changes.\n   */\n  onOpenChange?: (newOpen: boolean) => void;\n  /**\n   * Display or hide the component.\n   */\n  open?: boolean;\n  /**\n   * Helper text to display in the panel\n   */\n  helperText?: string;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n}\n\nexport const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n  function DatePicker(\n    {\n      selectionVariant = \"default\",\n      disabled = false,\n      placeholder = \"dd mmm yyyy\",\n      selectedDate: selectedDateProp,\n      defaultSelectedDate,\n      dateFormatter,\n      CalendarProps,\n      className,\n      open: openProp,\n      onOpenChange: onOpenChangeProp,\n      helperText,\n      readOnly: readOnlyProp,\n      inputAriaLabel,\n      ...rest\n    },\n    ref\n  ) {\n    const [open, setOpen] = useControlled({\n      controlled: openProp,\n      default: false,\n      name: \"openPanel\",\n      state: \"openPanel\",\n    });\n\n    const [startDate, setStartDate] = useControlled({\n      controlled: isRangeOrOffsetSelectionWithStartDate(selectedDateProp)\n        ? selectedDateProp.startDate\n        : selectedDateProp,\n      default: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.startDate\n        : defaultSelectedDate,\n      name: \"StartDate\",\n      state: \"startDate\",\n    });\n    const [endDate, setEndDate] = useControlled({\n      controlled: isRangeOrOffsetSelectionWithStartDate(selectedDateProp)\n        ? selectedDateProp.endDate\n        : selectedDateProp,\n      default: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.endDate\n        : undefined,\n      name: \"EndDate\",\n      state: \"endDate\",\n    });\n    const [validationStatusState, setValidationStatus] = useState<\n      \"error\" | undefined\n    >(undefined);\n    const [startVisibleMonth, setStartVisibleMonth] = useState<\n      DateValue | undefined\n    >(startDate ?? today(getLocalTimeZone()));\n    const [endVisibleMonth, setEndVisibleMonth] = useState<\n      DateValue | undefined\n    >(\n      endDate ??\n        startDate?.add({ months: 1 }) ??\n        today(getLocalTimeZone()).add({ months: 1 })\n    );\n\n    const onOpenChange = (newState: boolean) => {\n      setOpen(newState);\n      startInputRef?.current?.focus();\n      onOpenChangeProp?.(newState);\n    };\n\n    const { x, y, strategy, elements, floating, reference, context } =\n      useFloatingUI({\n        open: open,\n        onOpenChange: onOpenChange,\n        placement: \"bottom-start\",\n        middleware: [flip({ fallbackStrategy: \"initialPlacement\" })],\n      });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n      useDismiss(context),\n    ]);\n    const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } =\n      useFormFieldProps();\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n\n    const getPanelPosition = () => ({\n      top: y ?? 0,\n      left: x ?? 0,\n      position: strategy,\n      width: elements.floating?.offsetWidth,\n      height: elements.floating?.offsetHeight,\n    });\n\n    const panelRef = useRef<HTMLDivElement>(null);\n    const startInputRef = useRef<HTMLInputElement>(null);\n    const endInputRef = useRef<HTMLInputElement>(null);\n    const inputRef = useForkRef<HTMLDivElement>(ref, reference);\n    const floatingRef = useForkRef<HTMLDivElement>(panelRef, floating);\n\n    // Handlers\n    const handleSelect = () => {\n      if (selectionVariant === \"default\" && startDate) {\n        startInputRef?.current?.focus();\n      }\n    };\n    const handleCalendarButton = () => {\n      startInputRef?.current?.focus();\n      setOpen(!open);\n    };\n\n    // Context\n    const datePickerContextValue = {\n      openState: open,\n      setOpen,\n      disabled,\n      endDate,\n      setEndDate,\n      defaultEndDate: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.endDate\n        : defaultSelectedDate,\n      startDate,\n      setStartDate,\n      startVisibleMonth,\n      setStartVisibleMonth,\n      endVisibleMonth,\n      setEndVisibleMonth,\n      defaultStartDate: isRangeOrOffsetSelectionWithStartDate(\n        defaultSelectedDate\n      )\n        ? defaultSelectedDate.startDate\n        : defaultSelectedDate,\n      selectionVariant,\n      context,\n      getPanelPosition,\n      validationStatusState,\n      setValidationStatus,\n    };\n\n    return (\n      <DatePickerContext.Provider value={datePickerContextValue}>\n        <DateInput\n          className={clsx(withBaseName(), className)}\n          ref={inputRef}\n          {...getReferenceProps()}\n          startInputRef={startInputRef}\n          endInputRef={endInputRef}\n          placeholder={placeholder}\n          dateFormatter={dateFormatter}\n          readOnly={isReadOnly}\n          ariaLabel={inputAriaLabel}\n          endAdornment={\n            <Button\n              variant=\"secondary\"\n              onClick={handleCalendarButton}\n              disabled={disabled || isReadOnly || formFieldDisabled}\n              aria-label=\"Open Calendar\"\n            >\n              <CalendarIcon aria-hidden />\n            </Button>\n          }\n          {...rest}\n        />\n        <DatePickerPanel\n          ref={floatingRef}\n          {...getFloatingProps()}\n          onSelect={handleSelect}\n          CalendarProps={CalendarProps}\n          helperText={helperText}\n        />\n      </DatePickerContext.Provider>\n    );\n  }\n);\n"],"names":["DatePicker","CalendarProps","_a"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../src/date-picker/DatePicker.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  forwardRef,\n  SyntheticEvent,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  Button,\n  makePrefixer,\n  useControlled,\n  useFloatingUI,\n  useForkRef,\n  useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { DatePickerContext } from \"./DatePickerContext\";\nimport { DatePickerPanel } from \"./DatePickerPanel\";\nimport { flip, useDismiss, useInteractions } from \"@floating-ui/react\";\nimport { DateInput } from \"../date-input\";\nimport { DateValue, getLocalTimeZone, today } from \"@internationalized/date\";\nimport { CalendarIcon } from \"@salt-ds/icons\";\nimport {\n  CalendarProps,\n  isRangeOrOffsetSelectionWithStartDate,\n} from \"../calendar\";\n\nconst withBaseName = makePrefixer(\"saltDatePicker\");\n\nexport interface DatePickerProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\">,\n    Pick<\n      ComponentPropsWithoutRef<\"input\">,\n      \"disabled\" | \"value\" | \"defaultValue\" | \"placeholder\"\n    > {\n  inputAriaLabel?: string;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * If `true`, the component will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The selected date value. Use when the component is controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue };\n  /**\n   * The default date value. Use when the component is not controlled.\n   * Can be a single date or an object with start and end dates for range selection.\n   */\n  defaultSelectedDate?:\n    | DateValue\n    | { startDate: DateValue; endDate: DateValue };\n  /**\n   * Props to be passed to the Calendar component.\n   */\n  CalendarProps?: Partial<\n    Omit<\n      CalendarProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectedDateChange\"\n    >\n  >;\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Callback function triggered when open state changes.\n   */\n  onOpenChange?: (newOpen: boolean) => void;\n  /**\n   * Display or hide the component.\n   */\n  open?: boolean;\n  /**\n   * Helper text to display in the panel\n   */\n  helperText?: string;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Callback fired when the selected date change.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue }\n  ) => void;\n  /**\n   * Callback fired when the input value change.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n  function DatePicker(\n    {\n      selectionVariant = \"default\",\n      disabled = false,\n      placeholder = \"dd mmm yyyy\",\n      selectedDate: selectedDateProp,\n      defaultSelectedDate,\n      dateFormatter,\n      CalendarProps,\n      className,\n      open: openProp,\n      onOpenChange: onOpenChangeProp,\n      helperText,\n      readOnly: readOnlyProp,\n      inputAriaLabel,\n      validationStatus,\n      onSelectionChange,\n      onChange,\n      ...rest\n    },\n    ref\n  ) {\n    const [open, setOpen] = useControlled({\n      controlled: openProp,\n      default: false,\n      name: \"openPanel\",\n      state: \"openPanel\",\n    });\n\n    const [startDate, setStartDate] = useControlled({\n      controlled: isRangeOrOffsetSelectionWithStartDate(selectedDateProp)\n        ? selectedDateProp.startDate\n        : selectedDateProp,\n      default: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.startDate\n        : defaultSelectedDate,\n      name: \"StartDate\",\n      state: \"startDate\",\n    });\n    const [endDate, setEndDate] = useControlled({\n      controlled: isRangeOrOffsetSelectionWithStartDate(selectedDateProp)\n        ? selectedDateProp.endDate\n        : selectedDateProp,\n      default: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.endDate\n        : undefined,\n      name: \"EndDate\",\n      state: \"endDate\",\n    });\n\n    const [startVisibleMonth, setStartVisibleMonth] = useState<\n      DateValue | undefined\n    >(startDate ?? today(getLocalTimeZone()));\n    const [endVisibleMonth, setEndVisibleMonth] = useState<\n      DateValue | undefined\n    >(\n      endDate ??\n        startDate?.add({ months: 1 }) ??\n        today(getLocalTimeZone()).add({ months: 1 })\n    );\n\n    const onOpenChange = (newState: boolean) => {\n      setOpen(newState);\n      startInputRef?.current?.focus();\n      onOpenChangeProp?.(newState);\n    };\n\n    const { x, y, strategy, elements, floating, reference, context } =\n      useFloatingUI({\n        open: open,\n        onOpenChange: onOpenChange,\n        placement: \"bottom-start\",\n        middleware: [flip({ fallbackStrategy: \"initialPlacement\" })],\n      });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n      useDismiss(context),\n    ]);\n    const { disabled: formFieldDisabled, readOnly: formFieldReadOnly } =\n      useFormFieldProps();\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n\n    const getPanelPosition = () => ({\n      top: y ?? 0,\n      left: x ?? 0,\n      position: strategy,\n      width: elements.floating?.offsetWidth,\n      height: elements.floating?.offsetHeight,\n    });\n\n    const panelRef = useRef<HTMLDivElement>(null);\n    const startInputRef = useRef<HTMLInputElement>(null);\n    const endInputRef = useRef<HTMLInputElement>(null);\n    const inputRef = useForkRef<HTMLDivElement>(ref, reference);\n    const floatingRef = useForkRef<HTMLDivElement>(panelRef, floating);\n\n    // Handlers\n    const handleSelect = (\n      event: SyntheticEvent,\n      selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue }\n    ) => {\n      if (selectionVariant === \"default\" && startDate) {\n        startInputRef?.current?.focus();\n      }\n      onSelectionChange?.(event, selectedDate);\n    };\n    const handleCalendarButton = () => {\n      startInputRef?.current?.focus();\n      setOpen(!open);\n    };\n\n    // Context\n    const datePickerContextValue = {\n      openState: open,\n      setOpen,\n      disabled,\n      endDate,\n      setEndDate,\n      defaultEndDate: isRangeOrOffsetSelectionWithStartDate(defaultSelectedDate)\n        ? defaultSelectedDate.endDate\n        : defaultSelectedDate,\n      startDate,\n      setStartDate,\n      startVisibleMonth,\n      setStartVisibleMonth,\n      endVisibleMonth,\n      setEndVisibleMonth,\n      defaultStartDate: isRangeOrOffsetSelectionWithStartDate(\n        defaultSelectedDate\n      )\n        ? defaultSelectedDate.startDate\n        : defaultSelectedDate,\n      selectionVariant,\n      context,\n      getPanelPosition,\n    };\n\n    return (\n      <DatePickerContext.Provider value={datePickerContextValue}>\n        <DateInput\n          validationStatus={validationStatus}\n          className={clsx(withBaseName(), className)}\n          ref={inputRef}\n          {...getReferenceProps()}\n          startInputRef={startInputRef}\n          endInputRef={endInputRef}\n          placeholder={placeholder}\n          dateFormatter={dateFormatter}\n          readOnly={isReadOnly}\n          ariaLabel={inputAriaLabel}\n          onSelectionChange={onSelectionChange}\n          onChange={onChange}\n          endAdornment={\n            <Button\n              variant=\"secondary\"\n              onClick={handleCalendarButton}\n              disabled={disabled || isReadOnly || formFieldDisabled}\n              aria-label=\"Open Calendar\"\n            >\n              <CalendarIcon aria-hidden />\n            </Button>\n          }\n          {...rest}\n        />\n        <DatePickerPanel\n          ref={floatingRef}\n          {...getFloatingProps()}\n          onSelect={handleSelect}\n          CalendarProps={CalendarProps}\n          helperText={helperText}\n        />\n      </DatePickerContext.Provider>\n    );\n  }\n);\n"],"names":["DatePicker","CalendarProps","_a"],"mappings":"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"}

package/dist-es/date-picker/DatePickerContext.js

@@ -15,8 +15,6 @@ const DatePickerContext = createContext(
     endDate: void 0,
     defaultEndDate: void 0,
     setEndDate: () => void 0,
-    validationStatusState: void 0,
-    setValidationStatus: () => void 0,
     endVisibleMonth: void 0,
     setEndVisibleMonth: () => void 0,
     selectionVariant: "default",

package/dist-es/date-picker/DatePickerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerContext.js","sources":["../src/date-picker/DatePickerContext.ts"],"sourcesContent":["import { createContext, UseFloatingUIReturn } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\nimport { DateValue } from \"@internationalized/date\";\n\nexport interface DatePickerContextValue\n  extends Partial<Pick<UseFloatingUIReturn, \"context\">> {\n  openState: boolean;\n  setOpen: (newOpen: boolean) => void;\n  disabled: boolean;\n  //start date values\n  startDate: DateValue | undefined;\n  defaultStartDate: DateValue | undefined;\n  setStartDate: (newStartDate: DateValue | undefined) => void;\n  startVisibleMonth: DateValue | undefined;\n  setStartVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  // end date values for range picker\n  endDate: DateValue | undefined;\n  endVisibleMonth: DateValue | undefined;\n  setEndVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  defaultEndDate: DateValue | undefined;\n  setEndDate: (newEndDate: DateValue | undefined) => void;\n  validationStatusState: \"error\" | undefined;\n  setValidationStatus: (newStatus: \"error\" | undefined) => void;\n  selectionVariant: \"default\" | \"range\";\n  getPanelPosition: () => Record<string, unknown>;\n}\n\nexport const DatePickerContext = createContext<DatePickerContextValue>(\n  \"DatePickerContext\",\n  {\n    openState: false,\n    setOpen: () => undefined,\n    disabled: false,\n    startDate: undefined,\n    defaultStartDate: undefined,\n    setStartDate: () => undefined,\n    startVisibleMonth: undefined,\n    setStartVisibleMonth: () => undefined,\n    endDate: undefined,\n    defaultEndDate: undefined,\n    setEndDate: () => undefined,\n    validationStatusState: undefined,\n    setValidationStatus: () => undefined,\n    endVisibleMonth: undefined,\n    setEndVisibleMonth: () => undefined,\n    selectionVariant: \"default\",\n    getPanelPosition: () => ({}),\n  }\n);\n\nexport function useDatePickerContext() {\n  return useContext(DatePickerContext);\n}\n"],"names":[],"mappings":";;;AA2BO,MAAM,iBAAoB,GAAA,aAAA;AAAA,EAC/B,mBAAA;AAAA,EACA;AAAA,IACE,SAAW,EAAA,KAAA;AAAA,IACX,SAAS,MAAM,KAAA,CAAA;AAAA,IACf,QAAU,EAAA,KAAA;AAAA,IACV,SAAW,EAAA,KAAA,CAAA;AAAA,IACX,gBAAkB,EAAA,KAAA,CAAA;AAAA,IAClB,cAAc,MAAM,KAAA,CAAA;AAAA,IACpB,iBAAmB,EAAA,KAAA,CAAA;AAAA,IACnB,sBAAsB,MAAM,KAAA,CAAA;AAAA,IAC5B,OAAS,EAAA,KAAA,CAAA;AAAA,IACT,cAAgB,EAAA,KAAA,CAAA;AAAA,IAChB,YAAY,MAAM,KAAA,CAAA;AAAA,IAClB,qBAAuB,EAAA,KAAA,CAAA;AAAA,IACvB,qBAAqB,MAAM,KAAA,CAAA;AAAA,IAC3B,eAAiB,EAAA,KAAA,CAAA;AAAA,IACjB,oBAAoB,MAAM,KAAA,CAAA;AAAA,IAC1B,gBAAkB,EAAA,SAAA;AAAA,IAClB,gBAAA,EAAkB,OAAO,EAAC,CAAA;AAAA,GAC5B;AACF,EAAA;AAEO,SAAS,oBAAuB,GAAA;AACrC,EAAA,OAAO,WAAW,iBAAiB,CAAA,CAAA;AACrC;;;;"}
+{"version":3,"file":"DatePickerContext.js","sources":["../src/date-picker/DatePickerContext.ts"],"sourcesContent":["import { createContext, UseFloatingUIReturn } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\nimport { DateValue } from \"@internationalized/date\";\n\nexport interface DatePickerContextValue\n  extends Partial<Pick<UseFloatingUIReturn, \"context\">> {\n  openState: boolean;\n  setOpen: (newOpen: boolean) => void;\n  disabled: boolean;\n  //start date values\n  startDate: DateValue | undefined;\n  defaultStartDate: DateValue | undefined;\n  setStartDate: (newStartDate: DateValue | undefined) => void;\n  startVisibleMonth: DateValue | undefined;\n  setStartVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  // end date values for range picker\n  endDate: DateValue | undefined;\n  endVisibleMonth: DateValue | undefined;\n  setEndVisibleMonth: (newStartDate: DateValue | undefined) => void;\n  defaultEndDate: DateValue | undefined;\n  setEndDate: (newEndDate: DateValue | undefined) => void;\n  selectionVariant: \"default\" | \"range\";\n  getPanelPosition: () => Record<string, unknown>;\n}\n\nexport const DatePickerContext = createContext<DatePickerContextValue>(\n  \"DatePickerContext\",\n  {\n    openState: false,\n    setOpen: () => undefined,\n    disabled: false,\n    startDate: undefined,\n    defaultStartDate: undefined,\n    setStartDate: () => undefined,\n    startVisibleMonth: undefined,\n    setStartVisibleMonth: () => undefined,\n    endDate: undefined,\n    defaultEndDate: undefined,\n    setEndDate: () => undefined,\n    endVisibleMonth: undefined,\n    setEndVisibleMonth: () => undefined,\n    selectionVariant: \"default\",\n    getPanelPosition: () => ({}),\n  }\n);\n\nexport function useDatePickerContext() {\n  return useContext(DatePickerContext);\n}\n"],"names":[],"mappings":";;;AAyBO,MAAM,iBAAoB,GAAA,aAAA;AAAA,EAC/B,mBAAA;AAAA,EACA;AAAA,IACE,SAAW,EAAA,KAAA;AAAA,IACX,SAAS,MAAM,KAAA,CAAA;AAAA,IACf,QAAU,EAAA,KAAA;AAAA,IACV,SAAW,EAAA,KAAA,CAAA;AAAA,IACX,gBAAkB,EAAA,KAAA,CAAA;AAAA,IAClB,cAAc,MAAM,KAAA,CAAA;AAAA,IACpB,iBAAmB,EAAA,KAAA,CAAA;AAAA,IACnB,sBAAsB,MAAM,KAAA,CAAA;AAAA,IAC5B,OAAS,EAAA,KAAA,CAAA;AAAA,IACT,cAAgB,EAAA,KAAA,CAAA;AAAA,IAChB,YAAY,MAAM,KAAA,CAAA;AAAA,IAClB,eAAiB,EAAA,KAAA,CAAA;AAAA,IACjB,oBAAoB,MAAM,KAAA,CAAA;AAAA,IAC1B,gBAAkB,EAAA,SAAA;AAAA,IAClB,gBAAA,EAAkB,OAAO,EAAC,CAAA;AAAA,GAC5B;AACF,EAAA;AAEO,SAAS,oBAAuB,GAAA;AACrC,EAAA,OAAO,WAAW,iBAAiB,CAAA,CAAA;AACrC;;;;"}

package/dist-es/date-picker/DatePickerPanel.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect } from 'react';
-import { makePrefixer, useFloatingComponent, useFormFieldProps, StackLayout, FlexItem, FormFieldHelperText, FlexLayout } from '@salt-ds/core';
+import { makePrefixer, useFloatingComponent, useFormFieldProps, StackLayout, FlexItem, FormFieldHelperText, FlexLayout, FormFieldContext } from '@salt-ds/core';
 import { clsx } from 'clsx';
 import { useDatePickerContext } from './DatePickerContext.js';
 import css_248z from './DatePickerPanel.css.js';
@@ -38,23 +38,20 @@ const DatePickerPanel = forwardRef(
       setOpen,
       selectionVariant,
       context,
-      getPanelPosition,
-      setValidationStatus
+      getPanelPosition
     } = useDatePickerContext();
     const { a11yProps } = useFormFieldProps();
-    const setRangeDate = (_, newDate) => {
+    const setRangeDate = (event, newDate) => {
       setStartDate(newDate.startDate);
       setEndDate(newDate.endDate);
-      setValidationStatus(void 0);
+      onSelect == null ? void 0 : onSelect(event, newDate);
       if (newDate.startDate && newDate.endDate) {
         setOpen(false);
       }
-      onSelect == null ? void 0 : onSelect();
     };
-    const setSingleDate = (_, newDate) => {
+    const setSingleDate = (event, newDate) => {
       setStartDate(newDate);
-      setValidationStatus(void 0);
-      onSelect == null ? void 0 : onSelect();
+      onSelect == null ? void 0 : onSelect(event, newDate);
       setOpen(false);
     };
     const handleHoveredDateChange = (_, newHoveredDate) => {
@@ -103,27 +100,30 @@ const DatePickerPanel = forwardRef(
               children: helperText
             })
           }),
-          /* @__PURE__ */ jsxs(FlexLayout, {
-            children: [
-              /* @__PURE__ */ jsx(Calendar, {
-                visibleMonth: startVisibleMonth,
-                onVisibleMonthChange: (_, month) => setStartVisibleMonth(month),
-                ...firstCalendarProps,
-                ...CalendarProps2
-              }),
-              isRangePicker && /* @__PURE__ */ jsx(Calendar, {
-                selectionVariant: "range",
-                hoveredDate,
-                onHoveredDateChange: handleHoveredDateChange,
-                selectedDate: { startDate, endDate },
-                onSelectedDateChange: setRangeDate,
-                visibleMonth: endVisibleMonth,
-                onVisibleMonthChange: (_, month) => setEndVisibleMonth(month),
-                hideOutOfRangeDates: true,
-                minDate: startDate ? (_a = startOfMonth(startDate)) == null ? void 0 : _a.add({ months: 1 }) : void 0,
-                ...CalendarProps2
-              })
-            ]
+          /* @__PURE__ */ jsx(FlexLayout, {
+            children: /* @__PURE__ */ jsxs(FormFieldContext.Provider, {
+              value: {},
+              children: [
+                /* @__PURE__ */ jsx(Calendar, {
+                  visibleMonth: startVisibleMonth,
+                  onVisibleMonthChange: (_, month) => setStartVisibleMonth(month),
+                  ...firstCalendarProps,
+                  ...CalendarProps2
+                }),
+                isRangePicker && /* @__PURE__ */ jsx(Calendar, {
+                  selectionVariant: "range",
+                  hoveredDate,
+                  onHoveredDateChange: handleHoveredDateChange,
+                  selectedDate: { startDate, endDate },
+                  onSelectedDateChange: setRangeDate,
+                  visibleMonth: endVisibleMonth,
+                  onVisibleMonthChange: (_, month) => setEndVisibleMonth(month),
+                  hideOutOfRangeDates: true,
+                  minDate: startDate ? (_a = startOfMonth(startDate)) == null ? void 0 : _a.add({ months: 1 }) : void 0,
+                  ...CalendarProps2
+                })
+              ]
+            })
           })
         ]
       })

package/dist-es/date-picker/DatePickerPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerPanel.js","sources":["../src/date-picker/DatePickerPanel.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport {\n  FlexItem,\n  FlexLayout,\n  FormFieldHelperText,\n  makePrefixer,\n  StackLayout,\n  useFloatingComponent,\n  useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport dateInputPanelCss from \"./DatePickerPanel.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport {\n  Calendar,\n  CalendarProps,\n  UseRangeSelectionCalendarProps,\n  UseSingleSelectionCalendarProps,\n} from \"../calendar\";\nimport { DateValue, endOfMonth, startOfMonth } from \"@internationalized/date\";\n\nexport interface DatePickerPanelProps extends ComponentPropsWithoutRef<\"div\"> {\n  onSelect?: () => void;\n  helperText?: string;\n  CalendarProps?: Partial<\n    Omit<\n      CalendarProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectedDateChange\"\n    >\n  >;\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nexport const DatePickerPanel = forwardRef<HTMLDivElement, DatePickerPanelProps>(\n  function DatePickerPanel(props, ref) {\n    const { className, onSelect, helperText, CalendarProps, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-picker-panel\",\n      css: dateInputPanelCss,\n      window: targetWindow,\n    });\n\n    const { Component: FloatingComponent } = useFloatingComponent();\n    const [hoveredDate, setHoveredDate] = useState<DateValue | null>(null);\n\n    const {\n      openState,\n      startDate,\n      setStartDate,\n      startVisibleMonth,\n      setStartVisibleMonth,\n      endDate,\n      setEndDate,\n      endVisibleMonth,\n      setEndVisibleMonth,\n      setOpen,\n      selectionVariant,\n      context,\n      getPanelPosition,\n      setValidationStatus,\n    } = useDatePickerContext();\n\n    const { a11yProps } = useFormFieldProps();\n\n    const setRangeDate: UseRangeSelectionCalendarProps[\"onSelectedDateChange\"] =\n      (_, newDate) => {\n        setStartDate(newDate.startDate);\n        setEndDate(newDate.endDate);\n        setValidationStatus(undefined);\n        if (newDate.startDate && newDate.endDate) {\n          setOpen(false);\n        }\n        onSelect?.();\n      };\n    const setSingleDate: UseSingleSelectionCalendarProps[\"onSelectedDateChange\"] =\n      (_, newDate) => {\n        setStartDate(newDate);\n        setValidationStatus(undefined);\n        onSelect?.();\n        setOpen(false);\n      };\n    const handleHoveredDateChange: CalendarProps[\"onHoveredDateChange\"] = (\n      _,\n      newHoveredDate\n    ) => {\n      setHoveredDate(newHoveredDate);\n    };\n    useEffect(() => {\n      if (startDate) {\n        setStartVisibleMonth(startDate);\n        setEndVisibleMonth(startDate.add({ months: 1 }));\n      }\n    }, [startDate]);\n\n    const isRangePicker = selectionVariant === \"range\";\n    const firstCalendarProps: CalendarProps = isRangePicker\n      ? {\n          selectionVariant: \"range\",\n          hoveredDate:\n            startDate &&\n            hoveredDate &&\n            hoveredDate.compare(endOfMonth(startDate)) > 0\n              ? endOfMonth(startDate)\n              : hoveredDate,\n          onHoveredDateChange: handleHoveredDateChange,\n          selectedDate: { startDate, endDate },\n          onSelectedDateChange: setRangeDate,\n          maxDate: startDate && endOfMonth(startDate),\n          hideOutOfRangeDates: true,\n        }\n      : {\n          selectionVariant: \"default\",\n          selectedDate: startDate,\n          onSelectedDateChange: setSingleDate,\n        };\n    return (\n      <FloatingComponent\n        open={openState}\n        className={clsx(withBaseName(), className)}\n        aria-modal=\"true\"\n        ref={ref}\n        focusManagerProps={\n          context\n            ? {\n                context: context,\n                initialFocus: 4,\n              }\n            : undefined\n        }\n        {...getPanelPosition()}\n        {...a11yProps}\n        {...rest}\n      >\n        <StackLayout separators gap={0} className={withBaseName(\"container\")}>\n          {helperText && (\n            <FlexItem className={withBaseName(\"header\")}>\n              <FormFieldHelperText>{helperText}</FormFieldHelperText>\n            </FlexItem>\n          )}\n          <FlexLayout>\n            <Calendar\n              visibleMonth={startVisibleMonth}\n              onVisibleMonthChange={(_, month) => setStartVisibleMonth(month)}\n              {...firstCalendarProps}\n              {...CalendarProps}\n            />\n            {isRangePicker && (\n              <Calendar\n                selectionVariant=\"range\"\n                hoveredDate={hoveredDate}\n                onHoveredDateChange={handleHoveredDateChange}\n                selectedDate={{ startDate, endDate }}\n                onSelectedDateChange={setRangeDate}\n                visibleMonth={endVisibleMonth}\n                onVisibleMonthChange={(_, month) => setEndVisibleMonth(month)}\n                hideOutOfRangeDates\n                minDate={\n                  startDate\n                    ? startOfMonth(startDate)?.add({ months: 1 })\n                    : undefined\n                }\n                {...CalendarProps}\n              />\n            )}\n          </FlexLayout>\n        </StackLayout>\n      </FloatingComponent>\n    );\n  }\n);\n"],"names":["DatePickerPanel","CalendarProps","dateInputPanelCss"],"mappings":";;;;;;;;;;;;;;AA0CA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAEhD,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC7B,SAASA,gBAAgB,CAAA,KAAA,EAAO,GAAK,EAAA;AA7CvC,IAAA,IAAA,EAAA,CAAA;AA8CI,IAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,YAAY,aAAAC,EAAAA,cAAAA,EAAAA,GAAkB,MAAS,GAAA,KAAA,CAAA;AAEpE,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,wBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,EAAE,SAAA,EAAW,iBAAkB,EAAA,GAAI,oBAAqB,EAAA,CAAA;AAC9D,IAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAA2B,IAAI,CAAA,CAAA;AAErE,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,oBAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,MACA,kBAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA;AAAA,MACA,mBAAA;AAAA,QACE,oBAAqB,EAAA,CAAA;AAEzB,IAAM,MAAA,EAAE,SAAU,EAAA,GAAI,iBAAkB,EAAA,CAAA;AAExC,IAAM,MAAA,YAAA,GACJ,CAAC,CAAA,EAAG,OAAY,KAAA;AACd,MAAA,YAAA,CAAa,QAAQ,SAAS,CAAA,CAAA;AAC9B,MAAA,UAAA,CAAW,QAAQ,OAAO,CAAA,CAAA;AAC1B,MAAA,mBAAA,CAAoB,KAAS,CAAA,CAAA,CAAA;AAC7B,MAAI,IAAA,OAAA,CAAQ,SAAa,IAAA,OAAA,CAAQ,OAAS,EAAA;AACxC,QAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,OACf;AACA,MAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,EAAA,CAAA;AAAA,KACF,CAAA;AACF,IAAM,MAAA,aAAA,GACJ,CAAC,CAAA,EAAG,OAAY,KAAA;AACd,MAAA,YAAA,CAAa,OAAO,CAAA,CAAA;AACpB,MAAA,mBAAA,CAAoB,KAAS,CAAA,CAAA,CAAA;AAC7B,MAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,EAAA,CAAA;AACA,MAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,KACf,CAAA;AACF,IAAM,MAAA,uBAAA,GAAgE,CACpE,CAAA,EACA,cACG,KAAA;AACH,MAAA,cAAA,CAAe,cAAc,CAAA,CAAA;AAAA,KAC/B,CAAA;AACA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,oBAAA,CAAqB,SAAS,CAAA,CAAA;AAC9B,QAAA,kBAAA,CAAmB,UAAU,GAAI,CAAA,EAAE,MAAQ,EAAA,CAAA,EAAG,CAAC,CAAA,CAAA;AAAA,OACjD;AAAA,KACF,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,IAAA,MAAM,gBAAgB,gBAAqB,KAAA,OAAA,CAAA;AAC3C,IAAA,MAAM,qBAAoC,aACtC,GAAA;AAAA,MACE,gBAAkB,EAAA,OAAA;AAAA,MAClB,WACE,EAAA,SAAA,IACA,WACA,IAAA,WAAA,CAAY,OAAQ,CAAA,UAAA,CAAW,SAAS,CAAC,CAAI,GAAA,CAAA,GACzC,UAAW,CAAA,SAAS,CACpB,GAAA,WAAA;AAAA,MACN,mBAAqB,EAAA,uBAAA;AAAA,MACrB,YAAA,EAAc,EAAE,SAAA,EAAW,OAAQ,EAAA;AAAA,MACnC,oBAAsB,EAAA,YAAA;AAAA,MACtB,OAAA,EAAS,SAAa,IAAA,UAAA,CAAW,SAAS,CAAA;AAAA,MAC1C,mBAAqB,EAAA,IAAA;AAAA,KAEvB,GAAA;AAAA,MACE,gBAAkB,EAAA,SAAA;AAAA,MAClB,YAAc,EAAA,SAAA;AAAA,MACd,oBAAsB,EAAA,aAAA;AAAA,KACxB,CAAA;AACJ,IAAA,uBACG,GAAA,CAAA,iBAAA,EAAA;AAAA,MACC,IAAM,EAAA,SAAA;AAAA,MACN,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,YAAW,EAAA,MAAA;AAAA,MACX,GAAA;AAAA,MACA,mBACE,OACI,GAAA;AAAA,QACE,OAAA;AAAA,QACA,YAAc,EAAA,CAAA;AAAA,OAEhB,GAAA,KAAA,CAAA;AAAA,MAEL,GAAG,gBAAiB,EAAA;AAAA,MACpB,GAAG,SAAA;AAAA,MACH,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAA,IAAA,CAAA,WAAA,EAAA;AAAA,QAAY,UAAU,EAAA,IAAA;AAAA,QAAC,GAAK,EAAA,CAAA;AAAA,QAAG,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,QAChE,QAAA,EAAA;AAAA,UAAA,UAAA,oBACE,GAAA,CAAA,QAAA,EAAA;AAAA,YAAS,SAAA,EAAW,aAAa,QAAQ,CAAA;AAAA,YACxC,QAAC,kBAAA,GAAA,CAAA,mBAAA,EAAA;AAAA,cAAqB,QAAA,EAAA,UAAA;AAAA,aAAW,CAAA;AAAA,WACnC,CAAA;AAAA,0BAED,IAAA,CAAA,UAAA,EAAA;AAAA,YACC,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,QAAA,EAAA;AAAA,gBACC,YAAc,EAAA,iBAAA;AAAA,gBACd,oBAAsB,EAAA,CAAC,CAAG,EAAA,KAAA,KAAU,qBAAqB,KAAK,CAAA;AAAA,gBAC7D,GAAG,kBAAA;AAAA,gBACH,GAAGD,cAAAA;AAAA,eACN,CAAA;AAAA,cACC,iCACE,GAAA,CAAA,QAAA,EAAA;AAAA,gBACC,gBAAiB,EAAA,OAAA;AAAA,gBACjB,WAAA;AAAA,gBACA,mBAAqB,EAAA,uBAAA;AAAA,gBACrB,YAAA,EAAc,EAAE,SAAA,EAAW,OAAQ,EAAA;AAAA,gBACnC,oBAAsB,EAAA,YAAA;AAAA,gBACtB,YAAc,EAAA,eAAA;AAAA,gBACd,oBAAsB,EAAA,CAAC,CAAG,EAAA,KAAA,KAAU,mBAAmB,KAAK,CAAA;AAAA,gBAC5D,mBAAmB,EAAA,IAAA;AAAA,gBACnB,OAAA,EACE,SACI,GAAA,CAAA,EAAA,GAAA,YAAA,CAAa,SAAS,CAAA,KAAtB,mBAAyB,GAAI,CAAA,EAAE,MAAQ,EAAA,CAAA,EACvC,CAAA,GAAA,KAAA,CAAA;AAAA,gBAEL,GAAGA,cAAAA;AAAA,eACN,CAAA;AAAA,aAAA;AAAA,WAEJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"version":3,"file":"DatePickerPanel.js","sources":["../src/date-picker/DatePickerPanel.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  SyntheticEvent,\n  useEffect,\n  useState,\n} from \"react\";\nimport {\n  FlexItem,\n  FlexLayout,\n  FormFieldHelperText,\n  makePrefixer,\n  StackLayout,\n  useFloatingComponent,\n  useFormFieldProps,\n  FormFieldContext,\n  FormFieldContextValue,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport dateInputPanelCss from \"./DatePickerPanel.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport {\n  Calendar,\n  CalendarProps,\n  UseRangeSelectionCalendarProps,\n  UseSingleSelectionCalendarProps,\n} from \"../calendar\";\nimport { DateValue, endOfMonth, startOfMonth } from \"@internationalized/date\";\n\nexport interface DatePickerPanelProps extends ComponentPropsWithoutRef<\"div\"> {\n  onSelect?: (\n    event: SyntheticEvent,\n    selectedDate?: DateValue | { startDate?: DateValue; endDate?: DateValue }\n  ) => void;\n  helperText?: string;\n  CalendarProps?: Partial<\n    Omit<\n      CalendarProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectedDateChange\"\n    >\n  >;\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nexport const DatePickerPanel = forwardRef<HTMLDivElement, DatePickerPanelProps>(\n  function DatePickerPanel(props, ref) {\n    const { className, onSelect, helperText, CalendarProps, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-date-picker-panel\",\n      css: dateInputPanelCss,\n      window: targetWindow,\n    });\n\n    const { Component: FloatingComponent } = useFloatingComponent();\n    const [hoveredDate, setHoveredDate] = useState<DateValue | null>(null);\n\n    const {\n      openState,\n      startDate,\n      setStartDate,\n      startVisibleMonth,\n      setStartVisibleMonth,\n      endDate,\n      setEndDate,\n      endVisibleMonth,\n      setEndVisibleMonth,\n      setOpen,\n      selectionVariant,\n      context,\n      getPanelPosition,\n    } = useDatePickerContext();\n\n    const { a11yProps } = useFormFieldProps();\n\n    const setRangeDate: UseRangeSelectionCalendarProps[\"onSelectedDateChange\"] =\n      (event, newDate) => {\n        setStartDate(newDate.startDate);\n        setEndDate(newDate.endDate);\n        onSelect?.(event, newDate);\n        if (newDate.startDate && newDate.endDate) {\n          setOpen(false);\n        }\n      };\n    const setSingleDate: UseSingleSelectionCalendarProps[\"onSelectedDateChange\"] =\n      (event, newDate) => {\n        setStartDate(newDate);\n        onSelect?.(event, newDate);\n        setOpen(false);\n      };\n    const handleHoveredDateChange: CalendarProps[\"onHoveredDateChange\"] = (\n      _,\n      newHoveredDate\n    ) => {\n      setHoveredDate(newHoveredDate);\n    };\n    useEffect(() => {\n      if (startDate) {\n        setStartVisibleMonth(startDate);\n        setEndVisibleMonth(startDate.add({ months: 1 }));\n      }\n    }, [startDate]);\n\n    const isRangePicker = selectionVariant === \"range\";\n    const firstCalendarProps: CalendarProps = isRangePicker\n      ? {\n          selectionVariant: \"range\",\n          hoveredDate:\n            startDate &&\n            hoveredDate &&\n            hoveredDate.compare(endOfMonth(startDate)) > 0\n              ? endOfMonth(startDate)\n              : hoveredDate,\n          onHoveredDateChange: handleHoveredDateChange,\n          selectedDate: { startDate, endDate },\n          onSelectedDateChange: setRangeDate,\n          maxDate: startDate && endOfMonth(startDate),\n          hideOutOfRangeDates: true,\n        }\n      : {\n          selectionVariant: \"default\",\n          selectedDate: startDate,\n          onSelectedDateChange: setSingleDate,\n        };\n    return (\n      <FloatingComponent\n        open={openState}\n        className={clsx(withBaseName(), className)}\n        aria-modal=\"true\"\n        ref={ref}\n        focusManagerProps={\n          context\n            ? {\n                context: context,\n                initialFocus: 4,\n              }\n            : undefined\n        }\n        {...getPanelPosition()}\n        {...a11yProps}\n        {...rest}\n      >\n        <StackLayout separators gap={0} className={withBaseName(\"container\")}>\n          {helperText && (\n            <FlexItem className={withBaseName(\"header\")}>\n              <FormFieldHelperText>{helperText}</FormFieldHelperText>\n            </FlexItem>\n          )}\n          <FlexLayout>\n            {/* Avoid Dropdowns in Calendar inheriting the FormField's state */}\n            <FormFieldContext.Provider value={{} as FormFieldContextValue}>\n              <Calendar\n                visibleMonth={startVisibleMonth}\n                onVisibleMonthChange={(_, month) => setStartVisibleMonth(month)}\n                {...firstCalendarProps}\n                {...CalendarProps}\n              />\n              {isRangePicker && (\n                <Calendar\n                  selectionVariant=\"range\"\n                  hoveredDate={hoveredDate}\n                  onHoveredDateChange={handleHoveredDateChange}\n                  selectedDate={{ startDate, endDate }}\n                  onSelectedDateChange={setRangeDate}\n                  visibleMonth={endVisibleMonth}\n                  onVisibleMonthChange={(_, month) => setEndVisibleMonth(month)}\n                  hideOutOfRangeDates\n                  minDate={\n                    startDate\n                      ? startOfMonth(startDate)?.add({ months: 1 })\n                      : undefined\n                  }\n                  {...CalendarProps}\n                />\n              )}\n            </FormFieldContext.Provider>\n          </FlexLayout>\n        </StackLayout>\n      </FloatingComponent>\n    );\n  }\n);\n"],"names":["DatePickerPanel","CalendarProps","dateInputPanelCss"],"mappings":"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"}

package/dist-types/date-input/DateInput.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, InputHTMLAttributes, ReactNode, RefObject } from "react";
+import { ChangeEventHandler, ComponentPropsWithoutRef, InputHTMLAttributes, ReactNode, RefObject, SyntheticEvent } from "react";
 import { DateValue } from "@internationalized/date";
 export interface DateInputProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "placeholder"> {
     ariaLabel?: string;
@@ -43,5 +43,13 @@ export interface DateInputProps extends Omit<ComponentPropsWithoutRef<"div">, "d
      * Selection variant. Defaults to single select.
      */
     selectionVariant?: "default" | "range";
+    /**
+     * Callback fired when the selected daate change.
+     */
+    onSelectionChange?: (event: SyntheticEvent, selectedDate?: DateValue | {
+        startDate?: DateValue;
+        endDate?: DateValue;
+    }) => void;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
 }
 export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePicker.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react";
+import { ChangeEventHandler, ComponentPropsWithoutRef, SyntheticEvent } from "react";
 import { DateValue } from "@internationalized/date";
 import { CalendarProps } from "../calendar";
 export interface DatePickerProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "value" | "defaultValue" | "placeholder"> {
@@ -16,8 +16,8 @@ export interface DatePickerProps extends Omit<ComponentPropsWithoutRef<"div">, "
      * Can be a single date or an object with start and end dates for range selection.
      */
     selectedDate?: DateValue | {
-        startDate: DateValue;
-        endDate: DateValue;
+        startDate?: DateValue;
+        endDate?: DateValue;
     };
     /**
      * The default date value. Use when the component is not controlled.
@@ -51,5 +51,20 @@ export interface DatePickerProps extends Omit<ComponentPropsWithoutRef<"div">, "
      * If `true`, the component is read only.
      */
     readOnly?: boolean;
+    /**
+     * Validation status.
+     */
+    validationStatus?: "error" | "warning" | "success";
+    /**
+     * Callback fired when the selected date change.
+     */
+    onSelectionChange?: (event: SyntheticEvent, selectedDate?: DateValue | {
+        startDate?: DateValue;
+        endDate?: DateValue;
+    }) => void;
+    /**
+     * Callback fired when the input value change.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
 }
 export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePickerContext.d.ts

@@ -14,8 +14,6 @@ export interface DatePickerContextValue extends Partial<Pick<UseFloatingUIReturn
     setEndVisibleMonth: (newStartDate: DateValue | undefined) => void;
     defaultEndDate: DateValue | undefined;
     setEndDate: (newEndDate: DateValue | undefined) => void;
-    validationStatusState: "error" | undefined;
-    setValidationStatus: (newStatus: "error" | undefined) => void;
     selectionVariant: "default" | "range";
     getPanelPosition: () => Record<string, unknown>;
 }

package/dist-types/date-picker/DatePickerPanel.d.ts

@@ -1,7 +1,11 @@
-import { ComponentPropsWithoutRef } from "react";
+import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
 import { CalendarProps } from "../calendar";
+import { DateValue } from "@internationalized/date";
 export interface DatePickerPanelProps extends ComponentPropsWithoutRef<"div"> {
-    onSelect?: () => void;
+    onSelect?: (event: SyntheticEvent, selectedDate?: DateValue | {
+        startDate?: DateValue;
+        endDate?: DateValue;
+    }) => void;
     helperText?: string;
     CalendarProps?: Partial<Omit<CalendarProps, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange">>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.45",
+  "version": "1.0.0-alpha.46",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -26,10 +26,10 @@
     "react-window": "^1.8.6",
     "rifm": "^0.12.0",
     "tinycolor2": "^1.4.2",
-    "@salt-ds/core": "^1.28.0",
+    "@salt-ds/core": "^1.28.1",
     "@salt-ds/window": "^0.1.1",
     "@salt-ds/styles": "^0.2.1",
-    "@salt-ds/icons": "^1.11.2"
+    "@salt-ds/icons": "^1.12.0"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0",