@dnb/eufemia 10.54.0 → 10.55.0

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["React","PropTypes","classnames","warn","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","dispatchCustomElementEvent","detectOutsideClick","getStatusState","combineDescribedBy","validateDOMAttributes","AlignmentHelper","spacingPropTypes","createSpacingClasses","pickFormElementProps","skeletonDOMAttributes","format","nbLocale","enLocale","Context","Suffix","FormLabel","FormStatus","DatePickerProvider","DatePickerRange","DatePickerInput","DatePickerAddon","DatePickerFooter","DatePicker","PureComponent","constructor","props","_defineProperty","show_input","align_picker","triangleWidth","_triangleRef","current","_innerRef","shellWidth","querySelector","getBoundingClientRect","width","buttonWidth","distance","style","marginRight","marginLeft","e","outsideClick","_e$event","hidePicker","focusOnHide","event","key","_ref","args","_objectWithoutProperties","_excluded","show_submit_button","show_cancel_button","getReturnObject","_hideTimeout","clearTimeout","setState","opened","hidden","_listenForPropChanges","setTrianglePosition","setOutsideClickHandler","prevent_close","persist","setTimeout","_submitButtonRef","focus","preventScroll","no_animation","blurDelay","removeOutsideClickHandler","state","showPicker","_id","id","showInput","direction","end_date","range","createRef","remove","componentWillUnmount","componentDidMount","formatSelectedDateTitle","startDate","endDate","selected_date","start","end","context","getTranslation","currentDate","replace","render","_this$context","_this$context2","_this$context3","defaultProps","skeleton","lang","locale","code","FormRow","formElement","test","label","title","label_direction","label_sr_only","only_month","hide_last_week","disable_autofocus","enable_keyboard_nav","hide_navigation_buttons","first_day","reset_date","link","sync","input_element","addon_element","shortcuts","disabled","stretch","size","status","status_state","status_props","status_no_animation","globalStatus","suffix","mask_order","mask_placeholder","submit_button_text","cancel_button_text","reset_button_text","tooltip","hide_navigation","_hide_navigation","return_format","_return_format","date_format","_date_format","hide_days","_hide_days","month","_month","date","_date","start_date","_start_date","_end_date","min_date","_min_date","max_date","_max_date","correct_invalid_date","_correct_invalid_date","_opened","_direction","className","show_reset_button","attributes","_excluded2","showStatus","pickerParams","submitParams","ref","tabIndex","selectedDateTitle","mainParams","createElement","_extends","setReturnObject","fn","enhanceWithMethods","for_id","text","sr_only","_AlignmentHelper","show","text_id","width_selector","maskOrder","maskPlaceholder","isRange","submitAttributes","onSubmit","togglePicker","onBlur","Fragment","firstDayOfWeek","resetDate","isLink","isSync","hideDays","hideNav","views","nextBtn","prevBtn","onlyMonth","hideNextMonthWeek","noAutofocus","onChange","onPickerChange","renderElement","onSubmitHandler","onCancel","onCancelHandler","onReset","onResetHandler","submitButtonText","cancelButtonText","resetButtonText","undefined","start_month","end_month","on_days_render","on_change","on_type","on_show","on_hide","on_submit","on_cancel","on_reset","process","env","NODE_ENV","propTypes","_objectSpread","string","oneOfType","instanceOf","Date","bool","object","func","node","oneOf","array","shape","message","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/date-picker/DatePicker.js"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  warn,\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  dispatchCustomElementEvent,\n  detectOutsideClick,\n  getStatusState,\n  combineDescribedBy,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport { skeletonDOMAttributes } from '../skeleton/SkeletonHelper'\n\n// date-fns\nimport format from 'date-fns/format'\nimport nbLocale from 'date-fns/locale/nb'\nimport enLocale from 'date-fns/locale/en-GB'\n\nimport Context from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus from '../form-status/FormStatus'\nimport DatePickerProvider from './DatePickerProvider'\nimport DatePickerRange from './DatePickerRange'\nimport DatePickerInput from './DatePickerInput'\nimport DatePickerAddon from './DatePickerAddon'\nimport DatePickerFooter from './DatePickerFooter'\n\nexport default class DatePicker extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    id: PropTypes.string,\n    title: PropTypes.string,\n    date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]), // e.g. 2019-04-03T00:00:00Z\n    start_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]), // e.g. 2019-04-03T00:00:00Z\n    end_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]), // e.g. 2019-04-03T00:00:00Z\n    month: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    start_month: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    end_month: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    min_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    max_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    correct_invalid_date: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    mask_order: PropTypes.string,\n    mask_placeholder: PropTypes.string,\n    date_format: PropTypes.string,\n    return_format: PropTypes.string,\n    hide_navigation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    hide_navigation_buttons: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    hide_days: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    only_month: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    hide_last_week: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    disable_autofocus: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    enable_keyboard_nav: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    show_input: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    show_submit_button: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    show_cancel_button: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    show_reset_button: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    submit_button_text: PropTypes.string,\n    cancel_button_text: PropTypes.string,\n    reset_button_text: PropTypes.string,\n    reset_date: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    first_day: PropTypes.string,\n    locale: PropTypes.object,\n    range: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    link: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    sync: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    label: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    label_direction: PropTypes.oneOf(['horizontal', 'vertical']),\n    label_sr_only: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    input_element: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    addon_element: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    shortcuts: PropTypes.oneOfType([PropTypes.array, PropTypes.func]),\n    disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    stretch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    size: PropTypes.oneOf(['default', 'small', 'medium', 'large']),\n    status: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    status_state: PropTypes.string,\n    status_props: PropTypes.object,\n    status_no_animation: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.bool,\n    ]),\n    globalStatus: PropTypes.shape({\n      id: PropTypes.string,\n      message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    }),\n    suffix: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n    ]),\n    opened: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    prevent_close: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    direction: PropTypes.oneOf(['auto', 'top', 'bottom']),\n    align_picker: PropTypes.oneOf(['auto', 'left', 'right']),\n    className: PropTypes.string,\n\n    ...spacingPropTypes,\n\n    on_days_render: PropTypes.func,\n    on_change: PropTypes.func,\n    on_type: PropTypes.func,\n    on_show: PropTypes.func,\n    on_hide: PropTypes.func,\n    on_submit: PropTypes.func,\n    on_cancel: PropTypes.func,\n    on_reset: PropTypes.func,\n    onBlur: PropTypes.func,\n  }\n\n  static defaultProps = {\n    id: null,\n    title: null,\n    date: undefined,\n    start_date: undefined,\n    end_date: undefined,\n    month: undefined,\n    start_month: undefined,\n    end_month: undefined,\n    mask_order: 'dd/mm/yyyy',\n    mask_placeholder: 'dd/mm/åååå', // have to be same setup as \"mask\" - but can be like: dd/mm/åååå\n    date_format: 'yyyy-MM-dd', // in v1 of date-fns we were more flexible in terms of the format\n    return_format: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n    hide_navigation: false,\n    hide_navigation_buttons: false,\n    hide_days: false,\n    only_month: false,\n    hide_last_week: false,\n    disable_autofocus: false,\n    enable_keyboard_nav: false,\n    show_input: false,\n    show_submit_button: null,\n    show_cancel_button: null,\n    show_reset_button: null,\n    submit_button_text: 'Ok',\n    cancel_button_text: 'Avbryt',\n    reset_button_text: 'Tilbakestill',\n    reset_date: true,\n    first_day: 'monday',\n    min_date: undefined,\n    max_date: undefined,\n    correct_invalid_date: null,\n    locale: nbLocale,\n    range: false,\n    link: false,\n    sync: true,\n    label: null,\n    label_direction: null,\n    label_sr_only: null,\n    input_element: null,\n    addon_element: null,\n    shortcuts: null,\n    disabled: null,\n    stretch: null,\n    skeleton: null,\n    size: null,\n    status: null,\n    status_state: 'error',\n    status_props: null,\n    status_no_animation: null,\n    globalStatus: null,\n    suffix: null,\n    opened: false,\n    prevent_close: null,\n    no_animation: false,\n    direction: 'auto',\n    align_picker: null,\n    className: null,\n\n    on_days_render: null,\n    on_change: null,\n    on_type: null,\n    on_show: null,\n    on_hide: null,\n    on_submit: null,\n    on_cancel: null,\n    on_reset: null,\n    onBlur: null,\n  }\n\n  static blurDelay = 201 // some ms more than \"dropdownSlideDown 200ms\"\n\n  constructor(props) {\n    super(props)\n\n    this._id = props.id || makeUniqueId() // cause we need an id anyway\n\n    const opened = isTrue(props.opened)\n    this.state = {\n      showInput: isTrue(props.show_input),\n      opened,\n      hidden: !opened,\n      direction: props.direction,\n      _listenForPropChanges: true,\n    }\n\n    if (props.end_date && !isTrue(props.range)) {\n      warn(\n        `The DatePicker got a \"end_date\". You have to set range={true} as well!.`\n      )\n    }\n\n    this._innerRef = React.createRef()\n    this._triangleRef = React.createRef()\n    this._submitButtonRef = React.createRef()\n  }\n\n  setTrianglePosition = () => {\n    const { show_input, align_picker } = this.props\n    const triangleWidth = 16\n    if (\n      isTrue(show_input) &&\n      this._triangleRef.current &&\n      this._innerRef.current\n    ) {\n      try {\n        const shellWidth = this._innerRef.current\n          .querySelector('.dnb-input__shell')\n          .getBoundingClientRect().width\n        const buttonWidth = this._innerRef.current\n          .querySelector('.dnb-input__submit-button__button')\n          .getBoundingClientRect().width\n        if (align_picker === 'right') {\n          const distance = buttonWidth / 2 - triangleWidth / 2\n          this._triangleRef.current.style.marginRight = `${\n            distance / 16\n          }rem`\n        } else {\n          const distance = shellWidth - buttonWidth / 2 - triangleWidth / 2\n          this._triangleRef.current.style.marginLeft = `${\n            distance / 16\n          }rem`\n        }\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }\n\n  setOutsideClickHandler = () => {\n    this.outsideClick = detectOutsideClick(this._innerRef.current, (e) => {\n      this.hidePicker({ focusOnHide: e?.event?.key })\n    })\n  }\n\n  removeOutsideClickHandler() {\n    if (this.outsideClick) {\n      this.outsideClick.remove()\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this._hideTimeout)\n    this.removeOutsideClickHandler()\n  }\n\n  onPickerChange = ({ hidePicker = true, ...args }) => {\n    if (\n      hidePicker &&\n      !isTrue(this.props.show_submit_button) &&\n      !isTrue(this.props.show_cancel_button)\n    ) {\n      this.hidePicker(args)\n    }\n  }\n\n  onSubmitHandler = (args) => {\n    this.hidePicker(args)\n    dispatchCustomElementEvent(\n      this,\n      'on_submit',\n      this.getReturnObject(args)\n    )\n  }\n\n  onCancelHandler = (args) => {\n    this.hidePicker(args)\n    dispatchCustomElementEvent(\n      this,\n      'on_cancel',\n      this.getReturnObject(args)\n    )\n  }\n\n  onResetHandler = (args) => {\n    this.hidePicker(args)\n    dispatchCustomElementEvent(\n      this,\n      'on_reset',\n      this.getReturnObject(args)\n    )\n  }\n\n  componentDidMount() {\n    if (isTrue(this.props.opened)) {\n      this.showPicker()\n    }\n  }\n\n  showPicker = (args) => {\n    if (this._hideTimeout) {\n      clearTimeout(this._hideTimeout)\n    }\n    this.setState({\n      opened: true,\n      hidden: false,\n      _listenForPropChanges: false,\n    })\n    dispatchCustomElementEvent(this, 'on_show', this.getReturnObject(args))\n\n    this.setTrianglePosition()\n    this.setOutsideClickHandler()\n  }\n\n  hidePicker = (args) => {\n    if (isTrue(this.props.prevent_close)) {\n      return // stop here\n    }\n    if (args && args.event && args.event.persist) {\n      args.event.persist()\n    }\n    this.setState(\n      {\n        opened: false,\n        _listenForPropChanges: false,\n      },\n      () => {\n        dispatchCustomElementEvent(\n          this,\n          'on_hide',\n          this.getReturnObject(args)\n        )\n      }\n    )\n\n    this._hideTimeout = setTimeout(\n      () => {\n        this.setState(\n          {\n            hidden: true,\n            _listenForPropChanges: false,\n          },\n          () => {\n            if (args?.focusOnHide) {\n              try {\n                this._submitButtonRef.current.focus({\n                  preventScroll: true,\n                })\n              } catch (e) {\n                warn(e)\n              }\n            }\n          }\n        )\n      },\n      isTrue(this.props.no_animation) ? 1 : DatePicker.blurDelay\n    ) // wait until animation is over\n\n    this.removeOutsideClickHandler()\n  }\n\n  togglePicker = (args) => {\n    !this.state.opened\n      ? this.showPicker((args && args.event) || args)\n      : this.hidePicker((args && args.event) || args)\n  }\n\n  formatSelectedDateTitle() {\n    const { range } = this.props\n    const { startDate, endDate } = this.state\n    const { selected_date, start, end } = this.context.getTranslation(\n      this.props\n    ).DatePicker\n\n    let currentDate = startDate ? format(startDate, 'PPPP') : null\n\n    if (isTrue(range) && startDate && endDate) {\n      currentDate = `${start} ${currentDate} - ${end} ${format(\n        endDate,\n        'PPPP'\n      )}`\n    }\n\n    return currentDate ? selected_date.replace(/%s/, currentDate) : ''\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      DatePicker.defaultProps,\n      { skeleton: this.context?.skeleton },\n      this.context.getTranslation({\n        lang: this.props.lang,\n        locale: this.props.locale.code,\n      }).DatePicker,\n      // Deprecated – can be removed in v11\n      pickFormElementProps(this.context?.FormRow),\n      pickFormElementProps(this.context?.formElement),\n      this.context.DatePicker\n    )\n\n    if (props.locale !== enLocale && /en-/.test(this.context.locale)) {\n      props.locale = enLocale\n    }\n\n    const {\n      label,\n      title,\n      label_direction,\n      label_sr_only,\n      only_month,\n      hide_last_week,\n      disable_autofocus,\n      enable_keyboard_nav, // eslint-disable-line\n      hide_navigation_buttons,\n      show_input, // eslint-disable-line\n      range,\n      first_day,\n      reset_date,\n      locale,\n      link,\n      sync,\n      input_element,\n      addon_element,\n      shortcuts,\n      disabled,\n      stretch,\n      skeleton,\n      size,\n      status,\n      status_state,\n      status_props,\n      status_no_animation,\n      globalStatus,\n      suffix,\n      mask_order,\n      mask_placeholder,\n      align_picker,\n      submit_button_text,\n      cancel_button_text,\n      reset_button_text,\n      tooltip,\n\n      hide_navigation: _hide_navigation, // eslint-disable-line\n      return_format: _return_format, // eslint-disable-line\n      date_format: _date_format, // eslint-disable-line\n      hide_days: _hide_days, // eslint-disable-line\n      month: _month, // eslint-disable-line\n      date: _date, // eslint-disable-line\n      start_date: _start_date, // eslint-disable-line\n      end_date: _end_date, // eslint-disable-line\n      min_date: _min_date, // eslint-disable-line\n      max_date: _max_date, // eslint-disable-line\n      correct_invalid_date: _correct_invalid_date, // eslint-disable-line\n      opened: _opened, // eslint-disable-line\n      direction: _direction, // eslint-disable-line\n      id: _id, // eslint-disable-line\n      className,\n      show_submit_button, // eslint-disable-line\n      show_cancel_button, // eslint-disable-line\n      show_reset_button, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    let { hide_navigation, hide_days } = this.props\n\n    // never show days and navigation\n    if (isTrue(only_month)) {\n      hide_days = true\n      hide_navigation = isTrue(hide_navigation_buttons) ? false : true\n    }\n\n    const { opened, hidden, showInput } = this.state\n\n    const id = this._id\n    const showStatus = getStatusState(status)\n\n    const pickerParams = {}\n    if (showStatus || suffix) {\n      pickerParams['aria-describedby'] = combineDescribedBy(\n        pickerParams,\n        showStatus ? id + '-status' : null,\n        suffix ? id + '-suffix' : null\n      )\n    }\n\n    const submitParams = {\n      ['aria-expanded']: opened,\n      ref: this._submitButtonRef,\n      tabIndex: props.tabIndex,\n      tooltip,\n    }\n    const selectedDateTitle = this.formatSelectedDateTitle()\n\n    const mainParams = {\n      className: classnames(\n        'dnb-date-picker',\n        status && `dnb-date-picker__status--${status_state}`,\n        label_direction && `dnb-date-picker--${label_direction}`,\n        opened && 'dnb-date-picker--opened',\n        hidden && 'dnb-date-picker--hidden',\n        showInput && 'dnb-date-picker--show-input',\n        (isTrue(range) ||\n          isTrue(show_submit_button) ||\n          isTrue(show_cancel_button) ||\n          isTrue(show_reset_button)) &&\n          'dnb-date-picker--show-footer',\n        align_picker && `dnb-date-picker--${align_picker}`,\n        isTrue(stretch) && `dnb-date-picker--stretch`,\n        'dnb-form-component',\n        size && `dnb-date-picker--${size}`,\n        createSpacingClasses(props),\n        className\n      ),\n    }\n\n    if (locale?.code) {\n      mainParams.lang = locale.code\n    }\n\n    skeletonDOMAttributes(pickerParams, skeleton, this.context)\n\n    validateDOMAttributes(this.props, attributes)\n    validateDOMAttributes(null, submitParams)\n    validateDOMAttributes(null, pickerParams)\n\n    return (\n      <DatePickerProvider\n        {...this.props}\n        attributes={attributes}\n        setReturnObject={(fn) => (this.getReturnObject = fn)}\n        enhanceWithMethods={{\n          hidePicker: this.hidePicker,\n        }}\n      >\n        <span {...mainParams}>\n          {label && (\n            <FormLabel\n              id={id + '-label'}\n              for_id={id}\n              text={label}\n              label_direction={label_direction}\n              sr_only={label_sr_only}\n              disabled={disabled}\n              skeleton={skeleton}\n            />\n          )}\n\n          <span\n            className=\"dnb-date-picker__inner\"\n            ref={this._innerRef}\n            {...pickerParams}\n          >\n            <AlignmentHelper />\n\n            <FormStatus\n              show={showStatus}\n              id={id + '-form-status'}\n              globalStatus={globalStatus}\n              label={label}\n              text_id={id + '-status'} // used for \"aria-describedby\"\n              width_selector={id + '-shell'}\n              text={status}\n              state={status_state}\n              no_animation={status_no_animation}\n              skeleton={skeleton}\n              {...status_props}\n            />\n\n            <span className=\"dnb-date-picker__row\">\n              <span className=\"dnb-date-picker__shell\" id={`${id}-shell`}>\n                <DatePickerInput\n                  id={id}\n                  title={title}\n                  disabled={isTrue(disabled)}\n                  stretch={isTrue(stretch)}\n                  skeleton={isTrue(skeleton)}\n                  maskOrder={mask_order}\n                  maskPlaceholder={mask_placeholder}\n                  isRange={isTrue(range)}\n                  showInput={showInput}\n                  selectedDateTitle={selectedDateTitle}\n                  input_element={input_element}\n                  opened={opened}\n                  hidden={hidden}\n                  size={size}\n                  status={status ? 'error' : null}\n                  status_state={status_state}\n                  locale={locale}\n                  {...attributes}\n                  submitAttributes={submitParams}\n                  onSubmit={this.togglePicker}\n                  onBlur={this.props.onBlur}\n                  {...status_props}\n                />\n                <span className=\"dnb-date-picker__container\">\n                  <span\n                    className=\"dnb-date-picker__triangle\"\n                    ref={this._triangleRef}\n                  />\n                  {!hidden && (\n                    <>\n                      <DatePickerRange\n                        id={id}\n                        firstDayOfWeek={first_day}\n                        locale={locale}\n                        resetDate={isTrue(reset_date)}\n                        isRange={isTrue(range)}\n                        isLink={isTrue(link)}\n                        isSync={isTrue(sync)}\n                        hideDays={isTrue(hide_days)}\n                        hideNav={isTrue(hide_navigation)}\n                        views={\n                          isTrue(hide_navigation_buttons)\n                            ? [{ nextBtn: false, prevBtn: false }]\n                            : null\n                        }\n                        onlyMonth={isTrue(only_month)}\n                        hideNextMonthWeek={isTrue(hide_last_week)}\n                        noAutofocus={isTrue(disable_autofocus)}\n                        onChange={this.onPickerChange}\n                      />\n                      {(addon_element || shortcuts) && (\n                        <DatePickerAddon\n                          {...props}\n                          renderElement={addon_element}\n                          shortcuts={shortcuts}\n                        />\n                      )}\n                      <DatePickerFooter\n                        isRange={isTrue(range)}\n                        onSubmit={this.onSubmitHandler}\n                        onCancel={this.onCancelHandler}\n                        onReset={this.onResetHandler}\n                        submitButtonText={submit_button_text}\n                        cancelButtonText={cancel_button_text}\n                        resetButtonText={reset_button_text}\n                      />\n                    </>\n                  )}\n                </span>\n              </span>\n              {suffix && (\n                <Suffix\n                  className=\"dnb-date-picker__suffix\"\n                  id={id + '-suffix'} // used for \"aria-describedby\"\n                  context={props}\n                >\n                  {suffix}\n                </Suffix>\n              )}\n            </span>\n          </span>\n\n          <p className=\"dnb-sr-only\" aria-live=\"assertive\">\n            {selectedDateTitle}\n          </p>\n        </span>\n      </DatePickerProvider>\n    )\n  }\n}\n\nDatePicker._formElement = true\nDatePicker._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","names":["React","useCallback","useContext","useEffect","useRef","useState","classnames","warn","makeUniqueId","extendPropsWithContext","detectOutsideClick","getStatusState","combineDescribedBy","validateDOMAttributes","AlignmentHelper","createSpacingClasses","skeletonDOMAttributes","format","Context","Suffix","FormLabel","FormStatus","DatePickerProvider","DatePickerRange","DatePickerInput","DatePickerAddon","DatePickerFooter","pickFormElementProps","useTranslation","defaultProps","mask_order","mask_placeholder","date_format","return_format","hide_navigation","hide_navigation_buttons","hide_days","only_month","hide_last_week","disable_autofocus","enable_keyboard_nav","show_input","submit_button_text","cancel_button_text","reset_button_text","reset_date","first_day","range","link","sync","status_state","opened","no_animation","direction","DatePicker","externalProps","props","_objectSpread","prevent_close","on_hide","on_show","on_submit","on_cancel","on_reset","align_picker","show_submit_button","show_cancel_button","propsOpened","end_date","setOpened","hidden","setHidden","startDate","setStartDate","endDate","setEndDate","showInput","context","blurDelay","id","innerRef","triangleRef","submitButtonRef","getReturnObject","hideTimeout","outsideClick","translation","removeOutsideClickHandler","current","remove","hidePicker","args","event","persist","setTimeout","focus","preventScroll","e","setOutsideClickHandler","_ref","focusOnHide","setTrianglePosition","triangleWidth","shellWidth","querySelector","getBoundingClientRect","width","buttonWidth","distance","style","marginRight","marginLeft","showPicker","clearTimeout","onPickerChange","_ref2","shouldHidePicker","_objectWithoutProperties","_excluded","onSubmitHandler","onCancelHandler","onResetHandler","togglePicker","formatSelectedDateTitle","selected_date","start","end","currentDate","replace","extendedProps","skeleton","getTranslation","FormRow","formElement","label","title","label_direction","label_sr_only","input_element","addon_element","shortcuts","disabled","stretch","size","status","status_props","status_no_animation","globalStatus","suffix","show_reset_button","className","tooltip","restProps","_excluded2","attributes","locale","month","date","start_date","min_date","max_date","correct_invalid_date","rest","_excluded3","shouldHideDays","shouldHideNavigation","showStatus","pickerParams","submitParams","ref","tabIndex","selectedDateTitle","mainParams","lang","remainingDOMProps","remainingSubmitProps","remainingPickerProps","createElement","_extends","setReturnObject","fn","forId","text","srOnly","_AlignmentHelper","show","String","text_id","width_selector","state","maskOrder","maskPlaceholder","isRange","submitAttributes","onSubmit","Fragment","firstDayOfWeek","resetDate","isLink","isSync","hideDays","hideNav","views","nextBtn","prevBtn","onlyMonth","hideNextMonthWeek","noAutoFocus","onChange","renderElement","onCancel","onReset","submitButtonText","cancelButtonText","resetButtonText","_supportsSpacingProps"],"sources":["../../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, {\n  HTMLProps,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n  warn,\n  makeUniqueId,\n  extendPropsWithContext,\n  detectOutsideClick,\n  getStatusState,\n  combineDescribedBy,\n  validateDOMAttributes,\n  DetectOutsideClickClass,\n} from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { skeletonDOMAttributes } from '../skeleton/SkeletonHelper'\n\n// date-fns\nimport format from 'date-fns/format'\n\nimport Context, { Locale } from '../../shared/Context'\nimport Suffix from '../../shared/helpers/Suffix'\nimport FormLabel from '../form-label/FormLabel'\nimport FormStatus, {\n  FormStatusProps,\n  FormStatusState,\n  FormStatusText,\n} from '../form-status/FormStatus'\nimport DatePickerProvider, {\n  DatePickerChangeEvent,\n  type ReturnObject,\n} from './DatePickerProvider'\nimport DatePickerRange from './DatePickerRange'\nimport DatePickerInput from './DatePickerInput'\nimport DatePickerAddon, { DatePickerAddonProps } from './DatePickerAddon'\nimport DatePickerFooter from './DatePickerFooter'\nimport { SpacingProps } from '../space/types'\nimport { InputInputElement, InputSize } from '../Input'\nimport { SkeletonShow } from '../Skeleton'\nimport { GlobalStatusConfigObject } from '../GlobalStatus'\nimport { pickFormElementProps } from '../../shared/helpers/filterValidProps'\nimport { CalendarDay, DatePickerCalendarProps } from './DatePickerCalendar'\nimport { DatePickerContextValues, DateType } from './DatePickerContext'\nimport { DatePickerDates } from './hooks/useDates'\nimport { useTranslation } from '../../shared'\n\nexport type DatePickerEventAttributes = {\n  day?: string\n  year?: string\n  start?: string\n  end?: string\n} & Record<string, unknown>\n\n// Takes the return object from DatePickerProvider and extends it with the event\nexport type DatePickerEvent<T> = ReturnObject<T>\n\nexport type DisplayPickerEvent = (\n  | React.MouseEvent<HTMLButtonElement | HTMLAnchorElement | HTMLElement>\n  | MouseEvent\n  | KeyboardEvent\n) &\n  DatePickerDates & {\n    focusOnHide?: boolean | string\n    event?: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n  }\n\nexport type DatePickerProps = Omit<\n  React.HTMLProps<HTMLElement>,\n  'ref' | 'children' | 'label' | 'size' | 'onBlur' | 'onFocus' | 'start'\n> &\n  SpacingProps & {\n    /**\n     * Defines the pre-filled date by either a JavaScript DateInstance or (ISO 8601) like `date=\"2019-05-05\"`.\n     */\n    date?: DateType\n    /**\n     * To set the pre-filled starting date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `mask_placeholder`.\n     */\n    start_date?: DateType\n    /**\n     * To set the pre-filled ending date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `mask_placeholder`.\n     */\n    end_date?: DateType\n    /**\n     * To display what month should be shown in the first calendar by default. Defaults to the `date` respective `start_date`.\n     */\n    month?: DateType\n    /**\n     * To display what month should be shown in the first calendar by default. Defaults to the `date` respective `start_date`.\n     */\n    start_month?: DateType\n    /**\n     * To display what month should be shown in the second calendar by default. Defaults to the `date` respective `start_date`.\n     */\n    end_month?: DateType\n    /**\n     * To limit a date range to a minimum `start_date`. Defaults to `null`.\n     */\n    min_date?: DateType\n    /**\n     * To limit a date range to a maximum `end_date`. Defaults to `null`.\n     */\n    max_date?: DateType\n    /**\n     * Corrects the input date value to be the same as either `min_date` or `max_date`, when the user types in a date that is either before or after one of these. Defaults to `false`.\n     */\n    correct_invalid_date?: boolean\n    /**\n     * To define the order of the masked placeholder input fields. Defaults to `dd/mm/yyyy`\n     */\n    mask_order?: string\n    /**\n     * To display the placeholder on input. Defaults to `dd/mm/åååå`.\n     */\n    mask_placeholder?: string\n    /**\n     * Defines how the prop dates (`date`, `start_date` and `end_date`) should be parsed, e.g. `yyyy/MM/dd`. Defaults to `yyyy-MM-dd`.\n     */\n    date_format?: string\n    /**\n     * Defines how the returned date, as a string, should be formatted as. Defaults to `yyyy-MM-dd`.\n     */\n    return_format?: string\n    /**\n     * If set to `true`, the navigation will be hidden. Defaults to `false`.\n     */\n    hide_navigation?: boolean\n    hide_navigation_buttons?: boolean\n    /**\n     * If set to `true`, the week days will be hidden. Defaults to `false`.\n     */\n    hide_days?: boolean\n    /**\n     * Use `true` to only show the defined month. Disables the month navigation possibility. Defaults to `false`.\n     */\n    only_month?: boolean\n    /**\n     * Use `true` to only show the last week in the current month if it needs to be shown. The result is that there will mainly be shows five (5) weeks (rows) instead of six (6). Defaults to `false`.\n     */\n    hide_last_week?: boolean\n    /**\n     * Once the date picker gets opened, there is a focus handling to ensure good accessibility. can be disabled with property. Defaults to `false`.\n     */\n    disable_autofocus?: boolean\n    enable_keyboard_nav?: boolean\n    /**\n     * If the input fields with the mask should be visible. Defaults to `false`.\n     */\n    show_input?: boolean\n    /**\n     * If set to `true`, a submit button will be shown. You can change the default text by using `submit_button_text=\"Ok\"`. Defaults to `false`. If the `range` prop is `true`, then the submit button is shown.\n     */\n    show_submit_button?: boolean\n    /**\n     * If set to `true`, a cancel button will be shown. You can change the default text by using `cancel_button_text=\"Avbryt\"` Defaults to `false`. If the `range` prop is `true`, then the cancel button is shown.\n     */\n    show_cancel_button?: boolean\n    /**\n     * If set to `true`, a reset button will be shown. You can change the default text by using `reset_button_text=\"Tilbakestill\"` Defaults to `false`.\n     */\n    show_reset_button?: boolean\n    submit_button_text?: string\n    cancel_button_text?: string\n    reset_button_text?: string\n    reset_date?: boolean\n    /**\n     * To define the first day of the week. Defaults to `monday`.\n     */\n    first_day?: string\n    /**\n     * @deprecated set locale with `Provider` instead.\n     */\n    locale?: Locale\n    /**\n     * If the date picker should support a range of two dates (starting and ending date). Defaults to `false`.\n     */\n    range?: boolean\n    /**\n     * Link both calendars, once to the user is navigating between months. Only meant to use if the range is set to `true`. Defaults to `false`.\n     */\n    link?: boolean\n    /**\n     * Sync input values with the calendars views. Once the input values get changed, the calendar changes its views in sync. Defaults to `true`.\n     */\n    sync?: boolean\n    /**\n     * A prepending label in sync with the date input field.\n     */\n    label?: React.ReactNode\n    /**\n     * Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.\n     */\n    label_direction?: 'vertical' | 'horizontal'\n    /**\n     * Use `true` to make the label only readable by screen readers.\n     */\n    label_sr_only?: boolean\n    /**\n     * Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `input_element=\"input\"`, a React element, or a render function `input_element={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` not should be used, e.g. in testing environments. Defaults to custom masked input.\n     */\n    input_element?: InputInputElement\n    /**\n     * Gives you the possibility to inject a React element showing up over the footer. Use it to customize `shortcuts`.\n     */\n    addon_element?: React.ReactNode\n    /**\n     * Gives you the possibility to set predefined dates and date ranges so the user can select these by one click. Define either a JSON or an object with the defined shortcuts. More info is below.\n     */\n    shortcuts?: DatePickerAddonProps['shortcuts']\n    disabled?: boolean\n    /**\n     * If set to `true`, then the date-picker input field will be 100% in `width`.\n     */\n    stretch?: boolean\n    /**\n     * If set to `true`, an overlaying skeleton with animation will be shown.\n     */\n    skeleton?: SkeletonShow\n    /**\n     * The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.\n     */\n    size?: InputSize\n    /**\n     * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.\n     */\n    status?: FormStatusText\n    /**\n     * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n     */\n    status_state?: FormStatusState\n    /**\n     * Use an object to define additional FormStatus properties.\n     */\n    status_props?: FormStatusProps\n    status_no_animation?: boolean\n    /**\n     * The <a href=\"/uilib/components/global-status/properties/#configuration-object\">configuration</a> used for the target <a href=\"/uilib/components/global-status\">GlobalStatus</a>.\n     */\n    globalStatus?: GlobalStatusConfigObject\n    /**\n     * Text describing the content of the DatePicker more than the label. You can also send in a React component, so it gets wrapped inside the DatePicker component.\n     */\n    suffix?: React.ReactNode\n    /**\n     * To open the date-picker by default. Defaults to `false`.\n     */\n    opened?: boolean\n    /**\n     * Provide a short Tooltip content that shows up on the picker button.\n     */\n    tooltip?: React.ReactNode\n    tabIndex?: number\n    prevent_close?: boolean\n    no_animation?: boolean\n    direction?: 'auto' | 'top' | 'bottom'\n    /**\n     * Use `right` to change the calendar alignment direction. Defaults to `left`.\n     */\n    align_picker?: 'auto' | 'left' | 'right'\n    className?: string\n    /**\n     * Will be called right before every new calendar view gets rendered. See the example above.\n     */\n    on_days_render?: (\n      days: Array<CalendarDay>,\n      nr?: DatePickerCalendarProps['nr']\n    ) => void\n    /**\n     * Will be called on a date change event. Returns an `object`. See Returned Object below.\n     */\n    on_change?: (\n      event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n    ) => void\n    /**\n     * Will be called on every input and date picker interaction. Returns an `object`. See Returned Object below.\n     */\n    on_type?: (\n      event: DatePickerEvent<React.ChangeEvent<HTMLInputElement>>\n    ) => void\n    /**\n     * Will be called once date-picker is visible.\n     */\n    on_show?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n    /**\n     * Will be called once date-picker is hidden.\n     */\n    on_hide?: (event: DatePickerEvent<DisplayPickerEvent>) => void\n    /**\n     * Will be called once a user presses the submit button.\n     */\n    on_submit?: (\n      event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n    ) => void\n    /**\n     * Will be called once a user presses the cancel button.\n     */\n    on_cancel?: (\n      event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n    ) => void\n    /**\n     * Will be called once a user presses the reset button.\n     */\n    on_reset?: (\n      event: DatePickerEvent<React.MouseEvent<HTMLButtonElement>>\n    ) => void\n    /**\n     * Will be called once the input gets focus.\n     */\n    onFocus?: (\n      event: DatePickerEvent<React.FocusEvent<HTMLElement>>\n    ) => void\n    /**\n     * Will be called once the input lose focus.\n     */\n    onBlur?: (\n      event: DatePickerEvent<React.FocusEvent<HTMLElement>>\n    ) => void\n  }\n\nconst defaultProps: DatePickerProps = {\n  mask_order: 'dd/mm/yyyy',\n  mask_placeholder: 'dd/mm/åååå', // have to be same setup as \"mask\" - but can be like\n  date_format: 'yyyy-MM-dd', // in v1 of date-fns we were more flexible in terms of the format\n  return_format: 'yyyy-MM-dd', // used in date-fns v1\n  hide_navigation: false,\n  hide_navigation_buttons: false,\n  hide_days: false,\n  only_month: false,\n  hide_last_week: false,\n  disable_autofocus: false,\n  enable_keyboard_nav: false,\n  show_input: false,\n  submit_button_text: 'Ok',\n  cancel_button_text: 'Avbryt',\n  reset_button_text: 'Tilbakestill',\n  reset_date: true,\n  first_day: 'monday',\n  range: false,\n  link: false,\n  sync: true,\n  status_state: 'error',\n  opened: false,\n  no_animation: false,\n  direction: 'auto',\n}\n\nfunction DatePicker(externalProps: DatePickerProps) {\n  const props = { ...defaultProps, ...externalProps }\n\n  const {\n    prevent_close,\n    on_hide,\n    on_show,\n    on_submit,\n    on_cancel,\n    on_reset,\n    no_animation,\n    show_input,\n    align_picker,\n    show_submit_button,\n    show_cancel_button,\n    range,\n    hide_days,\n    hide_navigation,\n    opened: propsOpened,\n    end_date,\n  } = props\n\n  const [opened, setOpened] = useState<boolean>(propsOpened)\n  const [hidden, setHidden] = useState(!opened)\n  const [startDate, setStartDate] = useState<Date>()\n  const [endDate, setEndDate] = useState<Date>()\n\n  const showInput = props.show_input\n\n  const context = useContext(Context)\n  const blurDelay = 201 // some ms more than \"dropdownSlideDown 200ms\"\n  const id = props.id || makeUniqueId()\n\n  const innerRef = useRef<HTMLSpanElement>()\n  const triangleRef = useRef<HTMLSpanElement>()\n  const submitButtonRef = useRef<HTMLButtonElement>()\n  const getReturnObject =\n    useRef<DatePickerContextValues['getReturnObject']>()\n  const hideTimeout = useRef<NodeJS.Timeout>()\n  const outsideClick = useRef<DetectOutsideClickClass>()\n\n  const translation = useTranslation().DatePicker\n\n  if (end_date && !range) {\n    warn(\n      `The DatePicker got a \"end_date\". You have to set range={true} as well!.`\n    )\n  }\n\n  const removeOutsideClickHandler = useCallback(() => {\n    if (outsideClick.current) {\n      outsideClick.current.remove()\n    }\n  }, [])\n\n  const hidePicker = useCallback(\n    (args?: DisplayPickerEvent) => {\n      if (prevent_close) {\n        return // stop here\n      }\n\n      if (args && args.event && args.event.persist) {\n        args.event.persist()\n      }\n\n      setOpened(false)\n\n      // Double check and compare return\n      on_hide?.({\n        ...getReturnObject.current(args),\n      })\n\n      hideTimeout.current = setTimeout(\n        () => {\n          setHidden(true)\n          if (args?.['focusOnHide']) {\n            try {\n              submitButtonRef.current.focus({\n                preventScroll: true,\n              })\n            } catch (e) {\n              warn(e)\n            }\n          }\n        },\n        no_animation ? 1 : blurDelay\n      ) // wait until animation is over\n\n      removeOutsideClickHandler()\n    },\n    [no_animation, prevent_close, on_hide, removeOutsideClickHandler]\n  )\n\n  const setOutsideClickHandler = useCallback(() => {\n    outsideClick.current = detectOutsideClick(\n      innerRef.current,\n      ({ event }: { event: MouseEvent | KeyboardEvent }) => {\n        hidePicker({ ...event, focusOnHide: event?.['code'] })\n      }\n    )\n  }, [hidePicker])\n\n  const setTrianglePosition = useCallback(() => {\n    const triangleWidth = 16\n    if (show_input && triangleRef.current && innerRef.current) {\n      try {\n        const shellWidth = innerRef.current\n          .querySelector('.dnb-input__shell')\n          .getBoundingClientRect().width\n\n        const buttonWidth = innerRef.current\n          .querySelector('.dnb-input__submit-button__button')\n          .getBoundingClientRect().width\n\n        if (align_picker === 'right') {\n          const distance = buttonWidth / 2 - triangleWidth / 2\n          triangleRef.current.style.marginRight = `${distance / 16}rem`\n        } else {\n          const distance = shellWidth - buttonWidth / 2 - triangleWidth / 2\n          triangleRef.current.style.marginLeft = `${distance / 16}rem`\n        }\n      } catch (e) {\n        warn(e)\n      }\n    }\n  }, [show_input, align_picker])\n\n  const showPicker = useCallback(\n    (event?: DisplayPickerEvent) => {\n      if (hideTimeout.current) {\n        clearTimeout(hideTimeout.current)\n      }\n\n      setOpened(true)\n      setHidden(false)\n\n      on_show?.({ ...getReturnObject.current(event) })\n\n      setTrianglePosition()\n      setOutsideClickHandler()\n    },\n    [setTrianglePosition, setOutsideClickHandler, on_show]\n  )\n\n  useEffect(() => {\n    if (propsOpened) {\n      showPicker()\n    }\n\n    return () => {\n      clearTimeout(hideTimeout.current)\n      removeOutsideClickHandler()\n    }\n  }, [propsOpened, removeOutsideClickHandler, showPicker])\n\n  const onPickerChange = useCallback(\n    ({\n      hidePicker: shouldHidePicker = true,\n      ...args\n    }: DatePickerChangeEvent<\n      | React.MouseEvent<HTMLSpanElement>\n      | React.KeyboardEvent<HTMLTableElement>\n    >) => {\n      if (shouldHidePicker && !show_submit_button && !show_cancel_button) {\n        hidePicker()\n      }\n\n      setStartDate(args.startDate)\n      setEndDate(args.endDate)\n    },\n    [hidePicker, show_submit_button, show_cancel_button]\n  )\n\n  const onSubmitHandler = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      hidePicker(event)\n      on_submit?.({\n        ...getReturnObject.current({ event }),\n      })\n    },\n    [hidePicker, on_submit]\n  )\n\n  const onCancelHandler = useCallback(\n    (\n      event: DatePickerChangeEvent<React.MouseEvent<HTMLButtonElement>>\n    ) => {\n      hidePicker()\n      on_cancel?.({ ...getReturnObject.current(event) })\n    },\n    [hidePicker, on_cancel]\n  )\n\n  const onResetHandler = useCallback(\n    (\n      event: DatePickerChangeEvent<React.MouseEvent<HTMLButtonElement>>\n    ) => {\n      hidePicker()\n      on_reset?.({ ...getReturnObject.current(event) })\n    },\n    [hidePicker, on_reset]\n  )\n\n  const togglePicker = useCallback(\n    (args: React.MouseEvent<HTMLButtonElement>) => {\n      !opened ? showPicker(args) : hidePicker(args)\n    },\n    [opened, showPicker, hidePicker]\n  )\n\n  const formatSelectedDateTitle = useCallback(() => {\n    const { selected_date, start, end } = translation\n\n    let currentDate = startDate ? format(startDate, 'PPPP') : null\n\n    if (range && startDate && endDate) {\n      currentDate = `${start} ${currentDate} - ${end} ${format(\n        endDate,\n        'PPPP'\n      )}`\n    }\n\n    return currentDate ? selected_date.replace(/%s/, currentDate) : ''\n  }, [range, translation, startDate, endDate])\n\n  // use only the props from context, who are available here anyway\n  const extendedProps = extendPropsWithContext(\n    props,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    context.getTranslation(props).DatePicker,\n    pickFormElementProps(context?.FormRow), // Deprecated – can be removed in v11\n    pickFormElementProps(context?.formElement),\n    context.DatePicker\n  )\n\n  const {\n    label,\n    title,\n    label_direction,\n    label_sr_only,\n    only_month,\n    hide_last_week,\n    disable_autofocus,\n    hide_navigation_buttons,\n    first_day,\n    reset_date,\n    link,\n    sync,\n    input_element,\n    addon_element,\n    shortcuts,\n    disabled,\n    stretch,\n    skeleton,\n    size,\n    status,\n    status_state,\n    status_props,\n    status_no_animation,\n    globalStatus,\n    suffix,\n    mask_order,\n    mask_placeholder,\n    submit_button_text,\n    cancel_button_text,\n    reset_button_text,\n    show_reset_button,\n    className,\n    tooltip,\n    ...restProps\n  } = extendedProps\n\n  let attributes = null\n\n  {\n    const {\n      locale,\n      id,\n      month,\n      date,\n      start_date,\n      end_date,\n      min_date,\n      max_date,\n      enable_keyboard_nav,\n      hide_navigation,\n      return_format,\n      date_format,\n      hide_days,\n      correct_invalid_date,\n      opened,\n      direction,\n      range,\n      ...rest\n    } = restProps\n    attributes = rest\n  }\n\n  const shouldHideDays = only_month ? true : hide_days\n  const shouldHideNavigation = only_month\n    ? hide_navigation_buttons\n      ? false\n      : true\n    : hide_navigation\n\n  const showStatus = getStatusState(status)\n\n  const pickerParams = {} as HTMLProps<HTMLSpanElement>\n\n  if (showStatus || suffix) {\n    pickerParams['aria-describedby'] = combineDescribedBy(\n      pickerParams,\n      showStatus ? id + '-status' : null,\n      suffix ? id + '-suffix' : null\n    )\n  }\n\n  const submitParams = {\n    ['aria-expanded']: opened,\n    ref: submitButtonRef,\n    tabIndex: extendedProps.tabIndex,\n    tooltip,\n  }\n\n  const selectedDateTitle = formatSelectedDateTitle()\n\n  const mainParams = {\n    className: classnames(\n      'dnb-date-picker',\n      status && `dnb-date-picker__status--${status_state}`,\n      label_direction && `dnb-date-picker--${label_direction}`,\n      opened && 'dnb-date-picker--opened',\n      hidden && 'dnb-date-picker--hidden',\n      showInput && 'dnb-date-picker--show-input',\n      (range ||\n        show_submit_button ||\n        show_cancel_button ||\n        show_reset_button) &&\n        'dnb-date-picker--show-footer',\n      align_picker && `dnb-date-picker--${align_picker}`,\n      stretch && `dnb-date-picker--stretch`,\n      'dnb-form-component',\n      size && `dnb-date-picker--${size}`,\n      createSpacingClasses(props),\n      className\n    ),\n    lang: context.locale,\n  } as HTMLProps<HTMLSpanElement>\n\n  const remainingDOMProps = validateDOMAttributes(props, attributes)\n  const remainingSubmitProps = validateDOMAttributes(null, submitParams)\n  const remainingPickerProps = validateDOMAttributes(\n    null,\n    skeletonDOMAttributes(pickerParams, skeleton, context)\n  )\n\n  return (\n    <DatePickerProvider\n      {...props}\n      attributes={remainingDOMProps}\n      setReturnObject={(fn) => (getReturnObject.current = fn)}\n      hidePicker={hidePicker}\n    >\n      <span {...mainParams}>\n        {label && (\n          <FormLabel\n            id={id + '-label'}\n            forId={id}\n            text={label}\n            label_direction={label_direction}\n            srOnly={label_sr_only}\n            disabled={disabled}\n            skeleton={skeleton}\n          />\n        )}\n\n        <span\n          className=\"dnb-date-picker__inner\"\n          ref={innerRef}\n          {...remainingPickerProps}\n        >\n          <AlignmentHelper />\n\n          <FormStatus\n            show={showStatus}\n            id={id + '-form-status'}\n            globalStatus={globalStatus}\n            label={String(label)}\n            text_id={id + '-status'} // used for \"aria-describedby\"\n            width_selector={id + '-shell'}\n            text={status}\n            state={status_state}\n            no_animation={status_no_animation}\n            skeleton={skeleton}\n            {...status_props}\n          />\n\n          <span className=\"dnb-date-picker__row\">\n            <span className=\"dnb-date-picker__shell\" id={`${id}-shell`}>\n              <DatePickerInput\n                id={id}\n                title={title}\n                disabled={disabled}\n                stretch={stretch}\n                skeleton={skeleton}\n                maskOrder={mask_order}\n                maskPlaceholder={mask_placeholder}\n                isRange={range}\n                showInput={showInput}\n                selectedDateTitle={selectedDateTitle}\n                input_element={input_element}\n                opened={opened}\n                hidden={hidden}\n                size={size}\n                status={status ? 'error' : null}\n                status_state={status_state}\n                lang={context.locale}\n                {...attributes}\n                submitAttributes={remainingSubmitProps}\n                onSubmit={togglePicker}\n                {...status_props}\n              />\n              <span className=\"dnb-date-picker__container\">\n                <span\n                  className=\"dnb-date-picker__triangle\"\n                  ref={triangleRef}\n                />\n                {!hidden && (\n                  <>\n                    <DatePickerRange\n                      id={id}\n                      firstDayOfWeek={first_day}\n                      resetDate={reset_date}\n                      isRange={range}\n                      isLink={link}\n                      isSync={sync}\n                      hideDays={shouldHideDays}\n                      hideNav={shouldHideNavigation}\n                      views={\n                        hide_navigation_buttons\n                          ? [{ nextBtn: false, prevBtn: false }]\n                          : null\n                      }\n                      onlyMonth={only_month}\n                      hideNextMonthWeek={hide_last_week}\n                      noAutoFocus={disable_autofocus}\n                      onChange={onPickerChange}\n                      locale={context.locale}\n                    />\n                    {(addon_element || shortcuts) && (\n                      <DatePickerAddon\n                        renderElement={addon_element}\n                        shortcuts={shortcuts}\n                      />\n                    )}\n                    <DatePickerFooter\n                      isRange={range}\n                      onSubmit={onSubmitHandler}\n                      onCancel={onCancelHandler}\n                      onReset={onResetHandler}\n                      submitButtonText={submit_button_text}\n                      cancelButtonText={cancel_button_text}\n                      resetButtonText={reset_button_text}\n                    />\n                  </>\n                )}\n              </span>\n            </span>\n            {suffix && (\n              <Suffix\n                className=\"dnb-date-picker__suffix\"\n                id={id + '-suffix'} // used for \"aria-describedby\"\n                context={props}\n              >\n                {suffix}\n              </Suffix>\n            )}\n          </span>\n        </span>\n\n        <p className=\"dnb-sr-only\" aria-live=\"assertive\">\n          {selectedDateTitle}\n        </p>\n      </span>\n    </DatePickerProvider>\n  )\n}\n\nexport default DatePicker\n\nDatePicker._supportsSpacingProps = true\n"],"mappings":";;;;;;;;;;;AAKA,OAAOA,KAAK,IAEVC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,IAAI,EACJC,YAAY,EACZC,sBAAsB,EACtBC,kBAAkB,EAClBC,cAAc,EACdC,kBAAkB,EAClBC,qBAAqB,QAEhB,+BAA+B;AACtC,OAAOC,eAAe,MAAM,8BAA8B;AAC1D,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,qBAAqB,QAAQ,4BAA4B;AAGlE,OAAOC,MAAM,MAAM,iBAAiB;AAEpC,OAAOC,OAAO,MAAkB,sBAAsB;AACtD,OAAOC,MAAM,MAAM,6BAA6B;AAChD,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,UAAU,MAIV,2BAA2B;AAClC,OAAOC,kBAAkB,MAGlB,sBAAsB;AAC7B,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAgC,mBAAmB;AACzE,OAAOC,gBAAgB,MAAM,oBAAoB;AAKjD,SAASC,oBAAoB,QAAQ,uCAAuC;AAI5E,SAASC,cAAc,QAAQ,cAAc;AAmR7C,MAAMC,YAA6B,GAAG;EACpCC,UAAU,EAAE,YAAY;EACxBC,gBAAgB,EAAE,YAAY;EAC9BC,WAAW,EAAE,YAAY;EACzBC,aAAa,EAAE,YAAY;EAC3BC,eAAe,EAAE,KAAK;EACtBC,uBAAuB,EAAE,KAAK;EAC9BC,SAAS,EAAE,KAAK;EAChBC,UAAU,EAAE,KAAK;EACjBC,cAAc,EAAE,KAAK;EACrBC,iBAAiB,EAAE,KAAK;EACxBC,mBAAmB,EAAE,KAAK;EAC1BC,UAAU,EAAE,KAAK;EACjBC,kBAAkB,EAAE,IAAI;EACxBC,kBAAkB,EAAE,QAAQ;EAC5BC,iBAAiB,EAAE,cAAc;EACjCC,UAAU,EAAE,IAAI;EAChBC,SAAS,EAAE,QAAQ;EACnBC,KAAK,EAAE,KAAK;EACZC,IAAI,EAAE,KAAK;EACXC,IAAI,EAAE,IAAI;EACVC,YAAY,EAAE,OAAO;EACrBC,MAAM,EAAE,KAAK;EACbC,YAAY,EAAE,KAAK;EACnBC,SAAS,EAAE;AACb,CAAC;AAED,SAASC,UAAUA,CAACC,aAA8B,EAAE;EAClD,MAAMC,KAAK,GAAAC,aAAA,CAAAA,aAAA,KAAQ5B,YAAY,GAAK0B,aAAa,CAAE;EAEnD,MAAM;IACJG,aAAa;IACbC,OAAO;IACPC,OAAO;IACPC,SAAS;IACTC,SAAS;IACTC,QAAQ;IACRX,YAAY;IACZX,UAAU;IACVuB,YAAY;IACZC,kBAAkB;IAClBC,kBAAkB;IAClBnB,KAAK;IACLX,SAAS;IACTF,eAAe;IACfiB,MAAM,EAAEgB,WAAW;IACnBC;EACF,CAAC,GAAGZ,KAAK;EAET,MAAM,CAACL,MAAM,EAAEkB,SAAS,CAAC,GAAGhE,QAAQ,CAAU8D,WAAW,CAAC;EAC1D,MAAM,CAACG,MAAM,EAAEC,SAAS,CAAC,GAAGlE,QAAQ,CAAC,CAAC8C,MAAM,CAAC;EAC7C,MAAM,CAACqB,SAAS,EAAEC,YAAY,CAAC,GAAGpE,QAAQ,CAAO,CAAC;EAClD,MAAM,CAACqE,OAAO,EAAEC,UAAU,CAAC,GAAGtE,QAAQ,CAAO,CAAC;EAE9C,MAAMuE,SAAS,GAAGpB,KAAK,CAACf,UAAU;EAElC,MAAMoC,OAAO,GAAG3E,UAAU,CAACgB,OAAO,CAAC;EACnC,MAAM4D,SAAS,GAAG,GAAG;EACrB,MAAMC,EAAE,GAAGvB,KAAK,CAACuB,EAAE,IAAIvE,YAAY,CAAC,CAAC;EAErC,MAAMwE,QAAQ,GAAG5E,MAAM,CAAkB,CAAC;EAC1C,MAAM6E,WAAW,GAAG7E,MAAM,CAAkB,CAAC;EAC7C,MAAM8E,eAAe,GAAG9E,MAAM,CAAoB,CAAC;EACnD,MAAM+E,eAAe,GACnB/E,MAAM,CAA6C,CAAC;EACtD,MAAMgF,WAAW,GAAGhF,MAAM,CAAiB,CAAC;EAC5C,MAAMiF,YAAY,GAAGjF,MAAM,CAA0B,CAAC;EAEtD,MAAMkF,WAAW,GAAG1D,cAAc,CAAC,CAAC,CAAC0B,UAAU;EAE/C,IAAIc,QAAQ,IAAI,CAACrB,KAAK,EAAE;IACtBxC,IAAI,CACD,yEACH,CAAC;EACH;EAEA,MAAMgF,yBAAyB,GAAGtF,WAAW,CAAC,MAAM;IAClD,IAAIoF,YAAY,CAACG,OAAO,EAAE;MACxBH,YAAY,CAACG,OAAO,CAACC,MAAM,CAAC,CAAC;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,UAAU,GAAGzF,WAAW,CAC3B0F,IAAyB,IAAK;IAC7B,IAAIjC,aAAa,EAAE;MACjB;IACF;IAEA,IAAIiC,IAAI,IAAIA,IAAI,CAACC,KAAK,IAAID,IAAI,CAACC,KAAK,CAACC,OAAO,EAAE;MAC5CF,IAAI,CAACC,KAAK,CAACC,OAAO,CAAC,CAAC;IACtB;IAEAxB,SAAS,CAAC,KAAK,CAAC;IAGhBV,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAAF,aAAA,KACF0B,eAAe,CAACK,OAAO,CAACG,IAAI,CAAC,CACjC,CAAC;IAEFP,WAAW,CAACI,OAAO,GAAGM,UAAU,CAC9B,MAAM;MACJvB,SAAS,CAAC,IAAI,CAAC;MACf,IAAIoB,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAG,aAAa,CAAC,EAAE;QACzB,IAAI;UACFT,eAAe,CAACM,OAAO,CAACO,KAAK,CAAC;YAC5BC,aAAa,EAAE;UACjB,CAAC,CAAC;QACJ,CAAC,CAAC,OAAOC,CAAC,EAAE;UACV1F,IAAI,CAAC0F,CAAC,CAAC;QACT;MACF;IACF,CAAC,EACD7C,YAAY,GAAG,CAAC,GAAG0B,SACrB,CAAC;IAEDS,yBAAyB,CAAC,CAAC;EAC7B,CAAC,EACD,CAACnC,YAAY,EAAEM,aAAa,EAAEC,OAAO,EAAE4B,yBAAyB,CAClE,CAAC;EAED,MAAMW,sBAAsB,GAAGjG,WAAW,CAAC,MAAM;IAC/CoF,YAAY,CAACG,OAAO,GAAG9E,kBAAkB,CACvCsE,QAAQ,CAACQ,OAAO,EAChBW,IAAA,IAAsD;MAAA,IAArD;QAAEP;MAA6C,CAAC,GAAAO,IAAA;MAC/CT,UAAU,CAAAjC,aAAA,CAAAA,aAAA,KAAMmC,KAAK;QAAEQ,WAAW,EAAER,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM;MAAC,EAAE,CAAC;IACxD,CACF,CAAC;EACH,CAAC,EAAE,CAACF,UAAU,CAAC,CAAC;EAEhB,MAAMW,mBAAmB,GAAGpG,WAAW,CAAC,MAAM;IAC5C,MAAMqG,aAAa,GAAG,EAAE;IACxB,IAAI7D,UAAU,IAAIwC,WAAW,CAACO,OAAO,IAAIR,QAAQ,CAACQ,OAAO,EAAE;MACzD,IAAI;QACF,MAAMe,UAAU,GAAGvB,QAAQ,CAACQ,OAAO,CAChCgB,aAAa,CAAC,mBAAmB,CAAC,CAClCC,qBAAqB,CAAC,CAAC,CAACC,KAAK;QAEhC,MAAMC,WAAW,GAAG3B,QAAQ,CAACQ,OAAO,CACjCgB,aAAa,CAAC,mCAAmC,CAAC,CAClDC,qBAAqB,CAAC,CAAC,CAACC,KAAK;QAEhC,IAAI1C,YAAY,KAAK,OAAO,EAAE;UAC5B,MAAM4C,QAAQ,GAAGD,WAAW,GAAG,CAAC,GAAGL,aAAa,GAAG,CAAC;UACpDrB,WAAW,CAACO,OAAO,CAACqB,KAAK,CAACC,WAAW,GAAI,GAAEF,QAAQ,GAAG,EAAG,KAAI;QAC/D,CAAC,MAAM;UACL,MAAMA,QAAQ,GAAGL,UAAU,GAAGI,WAAW,GAAG,CAAC,GAAGL,aAAa,GAAG,CAAC;UACjErB,WAAW,CAACO,OAAO,CAACqB,KAAK,CAACE,UAAU,GAAI,GAAEH,QAAQ,GAAG,EAAG,KAAI;QAC9D;MACF,CAAC,CAAC,OAAOX,CAAC,EAAE;QACV1F,IAAI,CAAC0F,CAAC,CAAC;MACT;IACF;EACF,CAAC,EAAE,CAACxD,UAAU,EAAEuB,YAAY,CAAC,CAAC;EAE9B,MAAMgD,UAAU,GAAG/G,WAAW,CAC3B2F,KAA0B,IAAK;IAC9B,IAAIR,WAAW,CAACI,OAAO,EAAE;MACvByB,YAAY,CAAC7B,WAAW,CAACI,OAAO,CAAC;IACnC;IAEAnB,SAAS,CAAC,IAAI,CAAC;IACfE,SAAS,CAAC,KAAK,CAAC;IAEhBX,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAAH,aAAA,KAAQ0B,eAAe,CAACK,OAAO,CAACI,KAAK,CAAC,CAAE,CAAC;IAEhDS,mBAAmB,CAAC,CAAC;IACrBH,sBAAsB,CAAC,CAAC;EAC1B,CAAC,EACD,CAACG,mBAAmB,EAAEH,sBAAsB,EAAEtC,OAAO,CACvD,CAAC;EAEDzD,SAAS,CAAC,MAAM;IACd,IAAIgE,WAAW,EAAE;MACf6C,UAAU,CAAC,CAAC;IACd;IAEA,OAAO,MAAM;MACXC,YAAY,CAAC7B,WAAW,CAACI,OAAO,CAAC;MACjCD,yBAAyB,CAAC,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACpB,WAAW,EAAEoB,yBAAyB,EAAEyB,UAAU,CAAC,CAAC;EAExD,MAAME,cAAc,GAAGjH,WAAW,CAChCkH,KAAA,IAMM;IAAA,IANL;QACCzB,UAAU,EAAE0B,gBAAgB,GAAG;MAKjC,CAAC,GAAAD,KAAA;MAJIxB,IAAI,GAAA0B,wBAAA,CAAAF,KAAA,EAAAG,SAAA;IAKP,IAAIF,gBAAgB,IAAI,CAACnD,kBAAkB,IAAI,CAACC,kBAAkB,EAAE;MAClEwB,UAAU,CAAC,CAAC;IACd;IAEAjB,YAAY,CAACkB,IAAI,CAACnB,SAAS,CAAC;IAC5BG,UAAU,CAACgB,IAAI,CAACjB,OAAO,CAAC;EAC1B,CAAC,EACD,CAACgB,UAAU,EAAEzB,kBAAkB,EAAEC,kBAAkB,CACrD,CAAC;EAED,MAAMqD,eAAe,GAAGtH,WAAW,CAChC2F,KAA0C,IAAK;IAC9CF,UAAU,CAACE,KAAK,CAAC;IACjB/B,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAAJ,aAAA,KACJ0B,eAAe,CAACK,OAAO,CAAC;MAAEI;IAAM,CAAC,CAAC,CACtC,CAAC;EACJ,CAAC,EACD,CAACF,UAAU,EAAE7B,SAAS,CACxB,CAAC;EAED,MAAM2D,eAAe,GAAGvH,WAAW,CAE/B2F,KAAiE,IAC9D;IACHF,UAAU,CAAC,CAAC;IACZ5B,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAAL,aAAA,KAAQ0B,eAAe,CAACK,OAAO,CAACI,KAAK,CAAC,CAAE,CAAC;EACpD,CAAC,EACD,CAACF,UAAU,EAAE5B,SAAS,CACxB,CAAC;EAED,MAAM2D,cAAc,GAAGxH,WAAW,CAE9B2F,KAAiE,IAC9D;IACHF,UAAU,CAAC,CAAC;IACZ3B,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAAN,aAAA,KAAQ0B,eAAe,CAACK,OAAO,CAACI,KAAK,CAAC,CAAE,CAAC;EACnD,CAAC,EACD,CAACF,UAAU,EAAE3B,QAAQ,CACvB,CAAC;EAED,MAAM2D,YAAY,GAAGzH,WAAW,CAC7B0F,IAAyC,IAAK;IAC7C,CAACxC,MAAM,GAAG6D,UAAU,CAACrB,IAAI,CAAC,GAAGD,UAAU,CAACC,IAAI,CAAC;EAC/C,CAAC,EACD,CAACxC,MAAM,EAAE6D,UAAU,EAAEtB,UAAU,CACjC,CAAC;EAED,MAAMiC,uBAAuB,GAAG1H,WAAW,CAAC,MAAM;IAChD,MAAM;MAAE2H,aAAa;MAAEC,KAAK;MAAEC;IAAI,CAAC,GAAGxC,WAAW;IAEjD,IAAIyC,WAAW,GAAGvD,SAAS,GAAGvD,MAAM,CAACuD,SAAS,EAAE,MAAM,CAAC,GAAG,IAAI;IAE9D,IAAIzB,KAAK,IAAIyB,SAAS,IAAIE,OAAO,EAAE;MACjCqD,WAAW,GAAI,GAAEF,KAAM,IAAGE,WAAY,MAAKD,GAAI,IAAG7G,MAAM,CACtDyD,OAAO,EACP,MACF,CAAE,EAAC;IACL;IAEA,OAAOqD,WAAW,GAAGH,aAAa,CAACI,OAAO,CAAC,IAAI,EAAED,WAAW,CAAC,GAAG,EAAE;EACpE,CAAC,EAAE,CAAChF,KAAK,EAAEuC,WAAW,EAAEd,SAAS,EAAEE,OAAO,CAAC,CAAC;EAG5C,MAAMuD,aAAa,GAAGxH,sBAAsB,CAC1C+C,KAAK,EACL3B,YAAY,EACZ;IAAEqG,QAAQ,EAAErD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEqD;EAAS,CAAC,EAC/BrD,OAAO,CAACsD,cAAc,CAAC3E,KAAK,CAAC,CAACF,UAAU,EACxC3B,oBAAoB,CAACkD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEuD,OAAO,CAAC,EACtCzG,oBAAoB,CAACkD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEwD,WAAW,CAAC,EAC1CxD,OAAO,CAACvB,UACV,CAAC;EAED,MAAM;MACJgF,KAAK;MACLC,KAAK;MACLC,eAAe;MACfC,aAAa;MACbpG,UAAU;MACVC,cAAc;MACdC,iBAAiB;MACjBJ,uBAAuB;MACvBW,SAAS;MACTD,UAAU;MACVG,IAAI;MACJC,IAAI;MACJyF,aAAa;MACbC,aAAa;MACbC,SAAS;MACTC,QAAQ;MACRC,OAAO;MACPZ,QAAQ;MACRa,IAAI;MACJC,MAAM;MACN9F,YAAY;MACZ+F,YAAY;MACZC,mBAAmB;MACnBC,YAAY;MACZC,MAAM;MACNtH,UAAU;MACVC,gBAAgB;MAChBW,kBAAkB;MAClBC,kBAAkB;MAClBC,iBAAiB;MACjByG,iBAAiB;MACjBC,SAAS;MACTC;IAEF,CAAC,GAAGtB,aAAa;IADZuB,SAAS,GAAAnC,wBAAA,CACVY,aAAa,EAAAwB,UAAA;EAEjB,IAAIC,UAAU,GAAG,IAAI;EAErB;IACE,MAAM;QACJC,MAAM;QACN5E,EAAE;QACF6E,KAAK;QACLC,IAAI;QACJC,UAAU;QACV1F,QAAQ;QACR2F,QAAQ;QACRC,QAAQ;QACRxH,mBAAmB;QACnBN,eAAe;QACfD,aAAa;QACbD,WAAW;QACXI,SAAS;QACT6H,oBAAoB;QACpB9G,MAAM;QACNE,SAAS;QACTN;MAEF,CAAC,GAAGyG,SAAS;MADRU,IAAI,GAAA7C,wBAAA,CACLmC,SAAS,EAAAW,UAAA;IACbT,UAAU,GAAGQ,IAAI;EACnB;EAEA,MAAME,cAAc,GAAG/H,UAAU,GAAG,IAAI,GAAGD,SAAS;EACpD,MAAMiI,oBAAoB,GAAGhI,UAAU,GACnCF,uBAAuB,GACrB,KAAK,GACL,IAAI,GACND,eAAe;EAEnB,MAAMoI,UAAU,GAAG3J,cAAc,CAACqI,MAAM,CAAC;EAEzC,MAAMuB,YAAY,GAAG,CAAC,CAA+B;EAErD,IAAID,UAAU,IAAIlB,MAAM,EAAE;IACxBmB,YAAY,CAAC,kBAAkB,CAAC,GAAG3J,kBAAkB,CACnD2J,YAAY,EACZD,UAAU,GAAGvF,EAAE,GAAG,SAAS,GAAG,IAAI,EAClCqE,MAAM,GAAGrE,EAAE,GAAG,SAAS,GAAG,IAC5B,CAAC;EACH;EAEA,MAAMyF,YAAY,GAAG;IACnB,CAAC,eAAe,GAAGrH,MAAM;IACzBsH,GAAG,EAAEvF,eAAe;IACpBwF,QAAQ,EAAEzC,aAAa,CAACyC,QAAQ;IAChCnB;EACF,CAAC;EAED,MAAMoB,iBAAiB,GAAGhD,uBAAuB,CAAC,CAAC;EAEnD,MAAMiD,UAAU,GAAG;IACjBtB,SAAS,EAAEhJ,UAAU,uCAOnB,CAACyC,KAAK,IACJkB,kBAAkB,IAClBC,kBAAkB,IAClBmF,iBAAiB,KACjB,8BAA8B,EAKhCtI,oBAAoB,CAACyC,KAAK,CAAC,EAC3B8F,SAAS,EAfTN,MAAM,IAAK,4BAA2B9F,YAAa,EAAC,EACpDsF,eAAe,IAAK,oBAAmBA,eAAgB,EAAC,EACxDrF,MAAM,IAAI,yBAAyB,EACnCmB,MAAM,IAAI,yBAAyB,EACnCM,SAAS,IAAI,6BAA6B,EAM1CZ,YAAY,IAAK,oBAAmBA,YAAa,EAAC,EAClD8E,OAAO,IAAK,0BAAyB,EAErCC,IAAI,IAAK,oBAAmBA,IAAK,EAGnC,CAAC;IACD8B,IAAI,EAAEhG,OAAO,CAAC8E;EAChB,CAA+B;EAE/B,MAAMmB,iBAAiB,GAAGjK,qBAAqB,CAAC2C,KAAK,EAAEkG,UAAU,CAAC;EAClE,MAAMqB,oBAAoB,GAAGlK,qBAAqB,CAAC,IAAI,EAAE2J,YAAY,CAAC;EACtE,MAAMQ,oBAAoB,GAAGnK,qBAAqB,CAChD,IAAI,EACJG,qBAAqB,CAACuJ,YAAY,EAAErC,QAAQ,EAAErD,OAAO,CACvD,CAAC;EAED,OACE7E,KAAA,CAAAiL,aAAA,CAAC3J,kBAAkB,EAAA4J,QAAA,KACb1H,KAAK;IACTkG,UAAU,EAAEoB,iBAAkB;IAC9BK,eAAe,EAAGC,EAAE,IAAMjG,eAAe,CAACK,OAAO,GAAG4F,EAAI;IACxD1F,UAAU,EAAEA;EAAW,IAEvB1F,KAAA,CAAAiL,aAAA,SAAUL,UAAU,EACjBtC,KAAK,IACJtI,KAAA,CAAAiL,aAAA,CAAC7J,SAAS;IACR2D,EAAE,EAAEA,EAAE,GAAG,QAAS;IAClBsG,KAAK,EAAEtG,EAAG;IACVuG,IAAI,EAAEhD,KAAM;IACZE,eAAe,EAAEA,eAAgB;IACjC+C,MAAM,EAAE9C,aAAc;IACtBI,QAAQ,EAAEA,QAAS;IACnBX,QAAQ,EAAEA;EAAS,CACpB,CACF,EAEDlI,KAAA,CAAAiL,aAAA,SAAAC,QAAA;IACE5B,SAAS,EAAC,wBAAwB;IAClCmB,GAAG,EAAEzF;EAAS,GACVgG,oBAAoB,GAAAQ,gBAAA,KAAAA,gBAAA,GAExBxL,KAAA,CAAAiL,aAAA,CAACnK,eAAe,MAAE,CAAC,GAEnBd,KAAA,CAAAiL,aAAA,CAAC5J,UAAU,EAAA6J,QAAA;IACTO,IAAI,EAAEnB,UAAW;IACjBvF,EAAE,EAAEA,EAAE,GAAG,cAAe;IACxBoE,YAAY,EAAEA,YAAa;IAC3Bb,KAAK,EAAEoD,MAAM,CAACpD,KAAK,CAAE;IACrBqD,OAAO,EAAE5G,EAAE,GAAG,SAAU;IACxB6G,cAAc,EAAE7G,EAAE,GAAG,QAAS;IAC9BuG,IAAI,EAAEtC,MAAO;IACb6C,KAAK,EAAE3I,YAAa;IACpBE,YAAY,EAAE8F,mBAAoB;IAClChB,QAAQ,EAAEA;EAAS,GACfe,YAAY,CACjB,CAAC,EAEFjJ,KAAA,CAAAiL,aAAA;IAAM3B,SAAS,EAAC;EAAsB,GACpCtJ,KAAA,CAAAiL,aAAA;IAAM3B,SAAS,EAAC,wBAAwB;IAACvE,EAAE,EAAG,GAAEA,EAAG;EAAQ,GACzD/E,KAAA,CAAAiL,aAAA,CAACzJ,eAAe,EAAA0J,QAAA;IACdnG,EAAE,EAAEA,EAAG;IACPwD,KAAK,EAAEA,KAAM;IACbM,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBZ,QAAQ,EAAEA,QAAS;IACnB4D,SAAS,EAAEhK,UAAW;IACtBiK,eAAe,EAAEhK,gBAAiB;IAClCiK,OAAO,EAAEjJ,KAAM;IACf6B,SAAS,EAAEA,SAAU;IACrB+F,iBAAiB,EAAEA,iBAAkB;IACrCjC,aAAa,EAAEA,aAAc;IAC7BvF,MAAM,EAAEA,MAAO;IACfmB,MAAM,EAAEA,MAAO;IACfyE,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAM,GAAG,OAAO,GAAG,IAAK;IAChC9F,YAAY,EAAEA,YAAa;IAC3B2H,IAAI,EAAEhG,OAAO,CAAC8E;EAAO,GACjBD,UAAU;IACduC,gBAAgB,EAAElB,oBAAqB;IACvCmB,QAAQ,EAAExE;EAAa,GACnBuB,YAAY,CACjB,CAAC,EACFjJ,KAAA,CAAAiL,aAAA;IAAM3B,SAAS,EAAC;EAA4B,GAC1CtJ,KAAA,CAAAiL,aAAA;IACE3B,SAAS,EAAC,2BAA2B;IACrCmB,GAAG,EAAExF;EAAY,CAClB,CAAC,EACD,CAACX,MAAM,IACNtE,KAAA,CAAAiL,aAAA,CAAAjL,KAAA,CAAAmM,QAAA,QACEnM,KAAA,CAAAiL,aAAA,CAAC1J,eAAe;IACdwD,EAAE,EAAEA,EAAG;IACPqH,cAAc,EAAEtJ,SAAU;IAC1BuJ,SAAS,EAAExJ,UAAW;IACtBmJ,OAAO,EAAEjJ,KAAM;IACfuJ,MAAM,EAAEtJ,IAAK;IACbuJ,MAAM,EAAEtJ,IAAK;IACbuJ,QAAQ,EAAEpC,cAAe;IACzBqC,OAAO,EAAEpC,oBAAqB;IAC9BqC,KAAK,EACHvK,uBAAuB,GACnB,CAAC;MAAEwK,OAAO,EAAE,KAAK;MAAEC,OAAO,EAAE;IAAM,CAAC,CAAC,GACpC,IACL;IACDC,SAAS,EAAExK,UAAW;IACtByK,iBAAiB,EAAExK,cAAe;IAClCyK,WAAW,EAAExK,iBAAkB;IAC/ByK,QAAQ,EAAE9F,cAAe;IACzByC,MAAM,EAAE9E,OAAO,CAAC8E;EAAO,CACxB,CAAC,EACD,CAAChB,aAAa,IAAIC,SAAS,KAC1B5I,KAAA,CAAAiL,aAAA,CAACxJ,eAAe;IACdwL,aAAa,EAAEtE,aAAc;IAC7BC,SAAS,EAAEA;EAAU,CACtB,CACF,EACD5I,KAAA,CAAAiL,aAAA,CAACvJ,gBAAgB;IACfsK,OAAO,EAAEjJ,KAAM;IACfmJ,QAAQ,EAAE3E,eAAgB;IAC1B2F,QAAQ,EAAE1F,eAAgB;IAC1B2F,OAAO,EAAE1F,cAAe;IACxB2F,gBAAgB,EAAE1K,kBAAmB;IACrC2K,gBAAgB,EAAE1K,kBAAmB;IACrC2K,eAAe,EAAE1K;EAAkB,CACpC,CACD,CAEA,CACF,CAAC,EACNwG,MAAM,IACLpJ,KAAA,CAAAiL,aAAA,CAAC9J,MAAM;IACLmI,SAAS,EAAC,yBAAyB;IACnCvE,EAAE,EAAEA,EAAE,GAAG,SAAU;IACnBF,OAAO,EAAErB;EAAM,GAEd4F,MACK,CAEN,CACF,CAAC,EAEPpJ,KAAA,CAAAiL,aAAA;IAAG3B,SAAS,EAAC,aAAa;IAAC,aAAU;EAAW,GAC7CqB,iBACA,CACC,CACY,CAAC;AAEzB;AAEA,eAAerH,UAAU;AAEzBA,UAAU,CAACiK,qBAAqB,GAAG,IAAI"}

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

@@ -1,20 +1,21 @@
-import * as React from 'react';
-export type DatePickerAddonShortcuts = any[] | ((...args: any[]) => any);
-export type DatePickerAddonRenderElement =
-  | React.ReactNode
-  | ((...args: any[]) => any);
-export interface DatePickerAddonProps
-  extends React.HTMLProps<HTMLElement> {
-  /**
-   * Gives you the possibility to set predefined dates and date ranges so the user can select these by one click. Define either a JSON or an object with the defined shortcuts. More info is below.
-   */
-  shortcuts?: DatePickerAddonShortcuts;
-  renderElement?: DatePickerAddonRenderElement;
-}
-export default class DatePickerAddon extends React.Component<
-  DatePickerAddonProps,
-  any
-> {
-  static defaultProps: object;
-  render(): JSX.Element;
-}
+/**
+ * Web DatePicker Component
+ *
+ */
+import React from 'react';
+export type DatePickerShortcut = {
+    title?: string;
+    date?: string | Date | ((...args: unknown[]) => Date);
+    start_date?: string | Date | ((...args: unknown[]) => Date);
+    end_date?: string | Date | ((...args: unknown[]) => Date);
+    close_on_select?: boolean;
+};
+export type DatePickerAddonProps = React.HTMLProps<HTMLElement> & {
+    /**
+     * Gives you the possibility to set predefined dates and date ranges so the user can select these by one click. Define either a JSON or an object with the defined shortcuts. More info is below.
+     */
+    shortcuts?: Array<DatePickerShortcut> | string;
+    renderElement?: React.ReactNode;
+};
+declare function DatePickerAddon(props: DatePickerAddonProps): import("react/jsx-runtime").JSX.Element;
+export default DatePickerAddon;

package/components/date-picker/DatePickerAddon.js

@@ -1,104 +1,87 @@
+"use client";
+
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["title"];
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { useCallback, useContext, useMemo } from 'react';
 import { convertStringToDate } from './DatePickerCalc';
 import Button from '../button/Button';
 import DatePickerContext from './DatePickerContext';
-export default class DatePickerAddon extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      _listenForPropChanges: true
+function DatePickerAddon(props) {
+  const {
+    updateDates,
+    forceViewMonthChange,
+    callOnChangeHandler,
+    hidePicker,
+    startDate,
+    endDate
+  } = useContext(DatePickerContext);
+  const {
+    shortcuts,
+    renderElement
+  } = props;
+  const currentDates = useMemo(() => ({
+    date: startDate,
+    start_date: startDate,
+    end_date: endDate
+  }), [startDate, endDate]);
+  const callOnChange = useCallback(function () {
+    let {
+      startDate,
+      endDate,
+      event = null
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    updateDates({
+      startDate,
+      endDate
     });
-  }
-  setDate(_ref) {
+    forceViewMonthChange();
+    callOnChangeHandler({
+      startDate,
+      endDate: endDate || startDate,
+      event
+    });
+  }, [updateDates, callOnChangeHandler, forceViewMonthChange]);
+  const setDate = useCallback(_ref => {
     let {
       shortcut,
       event
     } = _ref;
-    this.setState({
-      _listenForPropChanges: false
-    });
     const start_date = shortcut.date || shortcut.start_date;
     const end_date = shortcut.end_date;
-    const startDate = typeof start_date === 'function' ? start_date(this.getCurrentDates()) : start_date ? convertStringToDate(start_date) : null;
-    const endDate = typeof end_date === 'function' ? end_date(this.getCurrentDates()) : end_date ? convertStringToDate(end_date) : null;
-    this.callOnChange({
+    const startDate = typeof start_date === 'function' ? start_date(currentDates) : start_date ? convertStringToDate(start_date) : null;
+    const endDate = typeof end_date === 'function' ? end_date(currentDates) : end_date ? convertStringToDate(end_date) : null;
+    callOnChange({
       startDate,
       endDate: endDate || startDate,
       event
     });
     if (shortcut.close_on_select) {
-      this.context.hidePicker(event);
+      hidePicker(event);
     }
-  }
-  getCurrentDates() {
-    const {
-      startDate,
-      endDate
-    } = this.context;
-    return {
-      date: startDate,
-      start_date: startDate,
-      end_date: endDate
-    };
-  }
-  callOnChange() {
+  }, [callOnChange, currentDates, hidePicker]);
+  const shortcutsArray = useMemo(() => shortcuts ? typeof shortcuts === 'string' ? JSON.parse(shortcuts) : shortcuts : [], [shortcuts]);
+  const hasShortcuts = shortcutsArray && shortcutsArray.length > 0;
+  const shortcutElements = useMemo(() => hasShortcuts && React.createElement(React.Fragment, null, shortcutsArray.map((_ref2, i) => {
     let {
-      startDate,
-      endDate,
-      event = null
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    this.context.updateState({
-      startDate,
-      endDate,
-      changeMonthViews: true
+        title
+      } = _ref2,
+      shortcut = _objectWithoutProperties(_ref2, _excluded);
+    return React.createElement(Button, {
+      key: i,
+      text: title,
+      variant: "secondary",
+      onClick: event => setDate({
+        shortcut,
+        event
+      })
     });
-    this.context.callOnChangeHandler({
-      startDate,
-      endDate,
-      event
-    });
-  }
-  render() {
-    const {
-      shortcuts,
-      renderElement
-    } = this.props;
-    const shortcutsArray = shortcuts ? typeof shortcuts === 'string' ? JSON.parse(shortcuts) : shortcuts : [];
-    const hasShortcuts = shortcutsArray && shortcutsArray.length > 0;
-    if (!hasShortcuts && !renderElement) {
-      return React.createElement(React.Fragment, null);
-    }
-    const shortcutElements = hasShortcuts && React.createElement(React.Fragment, null, shortcutsArray.map((_ref2, i) => {
-      let {
-          title
-        } = _ref2,
-        shortcut = _objectWithoutProperties(_ref2, _excluded);
-      return React.createElement(Button, {
-        key: i,
-        text: title,
-        variant: "secondary",
-        onClick: event => this.setDate({
-          shortcut,
-          event
-        })
-      });
-    }));
-    return React.createElement("div", {
-      className: "dnb-date-picker__addon"
-    }, renderElement, shortcutElements);
+  })), [hasShortcuts, shortcutsArray, setDate]);
+  if (!hasShortcuts && !renderElement) {
+    return React.createElement(React.Fragment, null);
   }
+  return React.createElement("div", {
+    className: "dnb-date-picker__addon"
+  }, renderElement, shortcutElements);
 }
-_defineProperty(DatePickerAddon, "contextType", DatePickerContext);
-_defineProperty(DatePickerAddon, "defaultProps", {
-  shortcuts: null,
-  renderElement: null
-});
-process.env.NODE_ENV !== "production" ? DatePickerAddon.propTypes = {
-  shortcuts: PropTypes.oneOfType([PropTypes.array, PropTypes.func]),
-  renderElement: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
-} : void 0;
+export default DatePickerAddon;
 //# sourceMappingURL=DatePickerAddon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerAddon.js","names":["React","PropTypes","convertStringToDate","Button","DatePickerContext","DatePickerAddon","PureComponent","constructor","arguments","_defineProperty","_listenForPropChanges","setDate","_ref","shortcut","event","setState","start_date","date","end_date","startDate","getCurrentDates","endDate","callOnChange","close_on_select","context","hidePicker","length","undefined","updateState","changeMonthViews","callOnChangeHandler","render","shortcuts","renderElement","props","shortcutsArray","JSON","parse","hasShortcuts","createElement","Fragment","shortcutElements","map","_ref2","i","title","_objectWithoutProperties","_excluded","key","text","variant","onClick","className","process","env","NODE_ENV","propTypes","oneOfType","array","func","node"],"sources":["../../../../src/components/date-picker/DatePickerAddon.js"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { convertStringToDate } from './DatePickerCalc'\nimport Button from '../button/Button'\nimport DatePickerContext from './DatePickerContext'\n\nexport default class DatePickerAddon extends React.PureComponent {\n  static contextType = DatePickerContext\n\n  static propTypes = {\n    shortcuts: PropTypes.oneOfType([PropTypes.array, PropTypes.func]),\n    renderElement: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  }\n\n  static defaultProps = {\n    shortcuts: null,\n    renderElement: null,\n  }\n\n  state = {\n    _listenForPropChanges: true,\n  }\n\n  setDate({ shortcut, event }) {\n    this.setState({\n      _listenForPropChanges: false,\n    })\n\n    const start_date = shortcut.date || shortcut.start_date\n    const end_date = shortcut.end_date\n    const startDate =\n      typeof start_date === 'function'\n        ? start_date(this.getCurrentDates())\n        : start_date\n        ? convertStringToDate(start_date)\n        : null\n    const endDate =\n      typeof end_date === 'function'\n        ? end_date(this.getCurrentDates())\n        : end_date\n        ? convertStringToDate(end_date)\n        : null\n\n    this.callOnChange({\n      startDate,\n      endDate: endDate || startDate,\n      event,\n    })\n\n    if (shortcut.close_on_select) {\n      this.context.hidePicker(event)\n    }\n  }\n\n  getCurrentDates() {\n    const { startDate, endDate } = this.context\n    return {\n      date: startDate,\n      start_date: startDate,\n      end_date: endDate,\n    }\n  }\n\n  callOnChange({ startDate, endDate, event = null } = {}) {\n    this.context.updateState({\n      startDate,\n      endDate,\n      changeMonthViews: true,\n    })\n    this.context.callOnChangeHandler({ startDate, endDate, event })\n  }\n\n  render() {\n    const { shortcuts, renderElement } = this.props\n\n    const shortcutsArray = shortcuts\n      ? typeof shortcuts === 'string'\n        ? JSON.parse(shortcuts)\n        : shortcuts\n      : []\n    const hasShortcuts = shortcutsArray && shortcutsArray.length > 0\n\n    if (!hasShortcuts && !renderElement) {\n      return <></>\n    }\n\n    const shortcutElements = hasShortcuts && (\n      <>\n        {shortcutsArray.map(({ title, ...shortcut }, i) => {\n          return (\n            <Button\n              key={i}\n              text={title}\n              variant=\"secondary\"\n              onClick={(event) => this.setDate({ shortcut, event })}\n            />\n          )\n        })}\n      </>\n    )\n\n    return (\n      <div className=\"dnb-date-picker__addon\">\n        {renderElement}\n        {shortcutElements}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerAddon.js","names":["React","useCallback","useContext","useMemo","convertStringToDate","Button","DatePickerContext","DatePickerAddon","props","updateDates","forceViewMonthChange","callOnChangeHandler","hidePicker","startDate","endDate","shortcuts","renderElement","currentDates","date","start_date","end_date","callOnChange","event","arguments","length","undefined","setDate","_ref","shortcut","close_on_select","shortcutsArray","JSON","parse","hasShortcuts","shortcutElements","createElement","Fragment","map","_ref2","i","title","_objectWithoutProperties","_excluded","key","text","variant","onClick","className"],"sources":["../../../../src/components/date-picker/DatePickerAddon.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, { useCallback, useContext, useMemo } from 'react'\nimport { convertStringToDate } from './DatePickerCalc'\nimport Button from '../button/Button'\nimport DatePickerContext from './DatePickerContext'\n\nexport type DatePickerShortcut = {\n  title?: string\n  date?: string | Date | ((...args: unknown[]) => Date)\n  start_date?: string | Date | ((...args: unknown[]) => Date)\n  end_date?: string | Date | ((...args: unknown[]) => Date)\n  close_on_select?: boolean\n}\n\nexport type DatePickerAddonProps = React.HTMLProps<HTMLElement> & {\n  /**\n   * Gives you the possibility to set predefined dates and date ranges so the user can select these by one click. Define either a JSON or an object with the defined shortcuts. More info is below.\n   */\n  shortcuts?: Array<DatePickerShortcut> | string\n  renderElement?: React.ReactNode\n}\n\nfunction DatePickerAddon(props: DatePickerAddonProps) {\n  const {\n    updateDates,\n    forceViewMonthChange,\n    callOnChangeHandler,\n    hidePicker,\n    startDate,\n    endDate,\n  } = useContext(DatePickerContext)\n\n  const { shortcuts, renderElement } = props\n\n  const currentDates = useMemo(\n    () => ({\n      date: startDate,\n      start_date: startDate,\n      end_date: endDate,\n    }),\n    [startDate, endDate]\n  )\n\n  const callOnChange = useCallback(\n    ({\n      startDate,\n      endDate,\n      event = null,\n    }: {\n      startDate?: Date\n      endDate?: Date\n      event?: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n    } = {}) => {\n      updateDates({ startDate, endDate })\n      forceViewMonthChange()\n      callOnChangeHandler({\n        startDate,\n        endDate: endDate || startDate,\n        event,\n      })\n    },\n    [updateDates, callOnChangeHandler, forceViewMonthChange]\n  )\n\n  const setDate = useCallback(\n    ({\n      shortcut,\n      event,\n    }: {\n      shortcut: DatePickerShortcut\n      event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n    }) => {\n      const start_date = shortcut.date || shortcut.start_date\n      const end_date = shortcut.end_date\n\n      const startDate =\n        typeof start_date === 'function'\n          ? start_date(currentDates)\n          : start_date\n          ? convertStringToDate(start_date)\n          : null\n\n      const endDate =\n        typeof end_date === 'function'\n          ? end_date(currentDates)\n          : end_date\n          ? convertStringToDate(end_date)\n          : null\n\n      callOnChange({\n        startDate,\n        endDate: endDate || startDate,\n        event,\n      })\n\n      if (shortcut.close_on_select) {\n        hidePicker(event)\n      }\n    },\n    [callOnChange, currentDates, hidePicker]\n  )\n\n  const shortcutsArray: Array<DatePickerShortcut> = useMemo(\n    () =>\n      shortcuts\n        ? typeof shortcuts === 'string'\n          ? JSON.parse(shortcuts)\n          : shortcuts\n        : [],\n    [shortcuts]\n  )\n\n  const hasShortcuts = shortcutsArray && shortcutsArray.length > 0\n\n  const shortcutElements = useMemo(\n    () =>\n      hasShortcuts && (\n        <>\n          {shortcutsArray.map(({ title, ...shortcut }, i: number) => {\n            return (\n              <Button\n                key={i}\n                text={title}\n                variant=\"secondary\"\n                onClick={(event) => setDate({ shortcut, event })}\n              />\n            )\n          })}\n        </>\n      ),\n    [hasShortcuts, shortcutsArray, setDate]\n  )\n\n  if (!hasShortcuts && !renderElement) {\n    return <></>\n  }\n\n  return (\n    <div className=\"dnb-date-picker__addon\">\n      {renderElement}\n      {shortcutElements}\n    </div>\n  )\n}\n\nexport default DatePickerAddon\n"],"mappings":"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"}

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

@@ -1,12 +1,10 @@
-export function makeDayObject(date: any, { startDate, endDate, hoverDate, minDate, maxDate, month }: {
-    startDate: any;
-    endDate: any;
-    hoverDate: any;
-    minDate: any;
-    maxDate: any;
-    month: any;
-}): {
-    date: any;
+/**
+ * Web DatePicker Component
+ *
+ */
+type ZeroDayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export declare function makeDayObject(date: Date, { startDate, endDate, hoverDate, minDate, maxDate, month, }: Record<string, Date>): {
+    date: Date;
     isToday: boolean;
     isLastMonth: boolean;
     isNextMonth: boolean;
@@ -18,20 +16,20 @@ export function makeDayObject(date: any, { startDate, endDate, hoverDate, minDat
     isSelectable: boolean;
     isInactive: boolean;
 };
-export function getCalendar(month: any, weekStartsOn?: number, { onlyMonth, hideNextMonthWeek }?: {
+export declare function getCalendar(month: Date, weekStartsOn?: number, { onlyMonth, hideNextMonthWeek, }?: {
     onlyMonth?: boolean;
     hideNextMonthWeek?: boolean;
-}): any;
-export function dayOffset(dayName: any): number;
-export function toRange(startDate: any, endDate: any): {
-    startDate: any;
-    endDate: any;
+}): Date[];
+export declare function dayOffset(dayName: string): ZeroDayIndex;
+export declare function toRange(startDate: Date, endDate: Date): {
+    startDate: Date;
+    endDate: Date;
 };
-export function getWeek(weekStartsOn: any): Date[];
-export function getMonth(month: any, skip: number, limit: any): Date[];
+export declare function getWeek(weekStartsOn?: ZeroDayIndex): Date[];
+export declare function getMonth(month: Date, skip?: number, limit?: number): Date[];
+declare function isDisabledCalc(date: Date, minDate: Date, maxDate: Date): boolean;
 export { isDisabledCalc as isDisabled };
-export function correctV1Format(date: any): any;
-export function convertStringToDate(date: any, { date_format }?: {
-    date_format?: any;
+export declare function correctV1Format(date: string): string;
+export declare function convertStringToDate(date: string | Date, { date_format }?: {
+    date_format?: string | null;
 }): Date;
-declare function isDisabledCalc(date: any, minDate: any, maxDate: any): boolean;