@entur/datepicker 11.1.2 → 11.2.0

package/dist/DatePicker/Calendar.d.ts

@@ -50,6 +50,8 @@ type BaseCalendarProps<DateType extends DateValue> = {
      *  @example (date) => isWeekend(date, 'no-NO') ? 'helgedag' : ''
      */
     ariaLabelForDate?: (date: CalendarDate) => string;
+    /** Callback-funksjon for når valideringen til datovelgeren endrer seg */
+    onValidate?: (isValid?: boolean) => void;
     disabled?: boolean;
     locale?: string;
     calendarRef?: React.MutableRefObject<HTMLDivElement | null>;

package/dist/DatePicker/DateField.d.ts

@@ -73,6 +73,8 @@ export type BaseDateFieldProps<DateType extends DateValue> = {
      * @default "negative"
      */
     validationVariant?: VariantType | typeof error | typeof info;
+    /** Callback-funksjon for når valideringen til datovelgeren endrer seg */
+    onValidate?: (isValid?: boolean) => void;
     labelTooltip?: React.ReactNode;
     labelProps?: React.DOMAttributes<Element>;
     fieldProps?: DateFieldProps<DateType>;
@@ -84,5 +86,5 @@ export type BaseDateFieldProps<DateType extends DateValue> = {
     style?: React.CSSProperties;
 };
 export type DateFieldProps<DateType extends DateValue> = BaseDateFieldProps<DateType> & ExtendedDateFieldProps<DateType>;
-export declare const DateField: <DateType extends DateValue>({ selectedDate, onChange, label, locale: customLocale, showTimeZone, showTime, granularity, disabled, readOnly, isDisabled, variant, feedback, validationVariant, validationFeedback, labelTooltip, minDate, maxDate, forcedReturnType, style, className, labelProps: parentLabelProps, append, prepend, dateFieldRef: ref, ...rest }: DateFieldProps<DateType>) => React.JSX.Element;
+export declare const DateField: <DateType extends DateValue>({ selectedDate, onChange, label, locale: customLocale, showTimeZone, showTime, granularity, disabled, readOnly, isDisabled, variant, feedback, validationVariant, validationFeedback, labelTooltip, minDate, maxDate, forcedReturnType, style, className, labelProps: parentLabelProps, append, prepend, onValidate, dateFieldRef: ref, ...rest }: DateFieldProps<DateType>) => React.JSX.Element;
 export {};

package/dist/datepicker.cjs.development.js

@@ -220,7 +220,7 @@ function handleOnChange(_ref2) {
   onChange == null || onChange(value);
 }
 
-var _excluded$a = ["selectedDate", "onChange", "label", "locale", "showTimeZone", "showTime", "granularity", "disabled", "readOnly", "isDisabled", "variant", "feedback", "validationVariant", "validationFeedback", "labelTooltip", "minDate", "maxDate", "forcedReturnType", "style", "className", "labelProps", "append", "prepend", "dateFieldRef"];
+var _excluded$a = ["selectedDate", "onChange", "label", "locale", "showTimeZone", "showTime", "granularity", "disabled", "readOnly", "isDisabled", "variant", "feedback", "validationVariant", "validationFeedback", "labelTooltip", "minDate", "maxDate", "forcedReturnType", "style", "className", "labelProps", "append", "prepend", "onValidate", "dateFieldRef"];
 var DateField = function DateField(_ref) {
   var selectedDate = _ref.selectedDate,
     _onChange = _ref.onChange,
@@ -248,6 +248,7 @@ var DateField = function DateField(_ref) {
     parentLabelProps = _ref.labelProps,
     append = _ref.append,
     prepend = _ref.prepend,
+    onValidate = _ref.onValidate,
     ref = _ref.dateFieldRef,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   var _useLocale = i18n.useLocale(),
@@ -278,6 +279,9 @@ var DateField = function DateField(_ref) {
   var _useDateField = datepicker.useDateField(_props, state, dateFieldRef),
     labelProps = _useDateField.labelProps,
     fieldProps = _useDateField.fieldProps;
+  React.useEffect(function () {
+    return onValidate == null ? void 0 : onValidate(!state.isInvalid);
+  }, [state.isInvalid]);
   var id = utils.useRandomId('datefield');
   return React.createElement(utils.ConditionalWrapper, {
     condition: customLocale !== undefined,
@@ -524,6 +528,9 @@ var CalendarBase = function CalendarBase(_ref2) {
     prevButtonProps = _useCalendar.prevButtonProps,
     nextButtonProps = _useCalendar.nextButtonProps,
     title = _useCalendar.title;
+  React.useEffect(function () {
+    return rest.onValidate == null ? void 0 : rest.onValidate(!state.isValueInvalid);
+  }, [state.isValueInvalid]);
   return React.createElement("div", _extends({}, calendarProps, {
     ref: calendarRef,
     className: classNames('eds-datepicker__calendar', className),