@contentful/f36-datepicker 4.1.0-beta.7 → 4.2.1

package/dist/main.js

@@ -1,402 +0,0 @@
-var $bMnqh$emotion = require("emotion");
-var $bMnqh$react = require("react");
-var $bMnqh$datefns = require("date-fns");
-var $bMnqh$contentfulf36popover = require("@contentful/f36-popover");
-var $bMnqh$reactfocuslock = require("react-focus-lock");
-var $bMnqh$contentfulf36forms = require("@contentful/f36-forms");
-var $bMnqh$contentfulf36button = require("@contentful/f36-button");
-var $bMnqh$contentfulf36icons = require("@contentful/f36-icons");
-var $bMnqh$contentfulf36tokens = require("@contentful/f36-tokens");
-var $bMnqh$reactdaypicker = require("react-day-picker");
-var $bMnqh$contentfulf36core = require("@contentful/f36-core");
-var $bMnqh$contentfulf36typography = require("@contentful/f36-typography");
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
-}
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-$parcel$export(module.exports, "Datepicker", () => $af2068a878c80fd7$export$7235422eca03ec90);
-
-
-
-
-
-const $ceebd8c575fa61b7$export$ffd58b7f6f099a57 = ()=>{
-    return {
-        calendar: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            padding: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).spacingM
-        })
-    };
-};
-
-
-var $24e08c7c0249b6ac$exports = {};
-
-$parcel$export($24e08c7c0249b6ac$exports, "Day", () => $24e08c7c0249b6ac$export$7a9a31a911eb9a20);
-$parcel$export($24e08c7c0249b6ac$exports, "DayContent", () => $24e08c7c0249b6ac$export$16d0634337daf8ec);
-$parcel$export($24e08c7c0249b6ac$exports, "useDayPicker", () => $24e08c7c0249b6ac$export$332e9e0d64b1f294);
-
-var $fcd3f98a88933011$exports = {};
-
-$parcel$export($fcd3f98a88933011$exports, "Calendar", () => $fcd3f98a88933011$export$e1aef45b828286de);
-
-
-
-const $ca92f136b31cadb2$var$cellSize = 40;
-const $ca92f136b31cadb2$export$ffd58b7f6f099a57 = ()=>{
-    return {
-        vhidden: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "986gn8",
-            styles: "box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:0;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);"
-        }),
-        button_reset: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "sun3y7",
-            styles: "appearance:none;position:relative;margin:0;padding:0;border:none;outline:none;background:none;"
-        }),
-        button: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            borderRadius: "50%",
-            cursor: "pointer",
-            color: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).gray900,
-            '&[aria-disabled="true"]': {
-                color: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).gray400,
-                pointerEvents: "none"
-            },
-            "&:focus, &:active": {
-                boxShadow: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).glowPrimary
-            },
-            "&:focus:not(:focus-visible)": {
-                boxShadow: "unset"
-            },
-            "&:hover": {
-                backgroundColor: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).gray200
-            },
-            '&.rdp-day_selected:not([aria-disabled="true"])': {
-                backgroundColor: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).blue600,
-                color: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).colorWhite,
-                fontWeight: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).fontWeightDemiBold
-            }
-        }),
-        months: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "k008qs",
-            styles: "display:flex;"
-        }),
-        month: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "otyogu",
-            styles: "width:100%;margin:0 1em;&:first-child{margin-left:0;}&:last-child{margin-right:0;}"
-        }),
-        table: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "58awwq",
-            styles: "width:100%;margin:0;border-collapse:collapse;"
-        }),
-        caption: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "l6jblq",
-            styles: "position:relative;padding:0;text-align:left;.rdp-multiple_months &{display:block;text-align:center;}"
-        }),
-        caption_dropdowns: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "rmz4vk",
-            styles: "position:relative;display:inline-flex;"
-        }),
-        caption_label: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            position: "relative",
-            zIndex: 1,
-            display: "inline-flex",
-            alignItems: "center",
-            margin: "0",
-            padding: `0 ${(0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).spacingXs}`,
-            height: "2rem",
-            whiteSpace: "nowrap",
-            fontSize: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).fontSizeM,
-            fontWeight: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).fontWeightMedium,
-            borderRadius: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).borderRadiusMedium,
-            "& + &": {
-                marginLeft: "3px"
-            }
-        }),
-        nav: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "doey51",
-            styles: "white-space:nowrap;.rdp-multiple_months .rdp-caption_start &{position:absolute;top:50%;left:0;transform:translateY(-50%);}.rdp-multiple_months .rdp-caption_end &{position:absolute;top:50%;right:0;transform:translateY(-50%);}"
-        }),
-        nav_button: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "17fd5v8",
-            styles: "width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;"
-        }),
-        nav_button_previous: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "8er82g",
-            styles: "margin-right:3px;"
-        }),
-        dropdown_month: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "datla1",
-            styles: "position:relative;display:inline-flex;align-items:center;"
-        }),
-        dropdown_year: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "datla1",
-            styles: "position:relative;display:inline-flex;align-items:center;"
-        }),
-        dropdown: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            appearance: "none",
-            position: "absolute",
-            zIndex: 2,
-            top: "0",
-            bottom: "0",
-            left: "0",
-            width: "100%",
-            margin: "0",
-            padding: "0",
-            cursor: "pointer",
-            opacity: "0",
-            border: "none",
-            backgroundColor: "transparent",
-            fontFamily: "inherit",
-            fontSize: "inherit",
-            lineHeight: "inherit",
-            "&:focus:not([disabled]) + div, &:active:not([disabled]) + div": {
-                boxShadow: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).glowPrimary
-            },
-            "&:hover:not([disabled]) + div, &:hover:not([disabled]) + div": {
-                backgroundColor: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).gray200
-            }
-        }),
-        dropdown_icon: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "1isemmb",
-            styles: "margin-left:8px;"
-        }),
-        head: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "107tt68",
-            styles: "border:0;"
-        }),
-        head_row: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "10klw3m",
-            styles: "height:100%;"
-        }),
-        row: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "10klw3m",
-            styles: "height:100%;"
-        }),
-        head_cell: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            verticalAlign: "middle",
-            fontSize: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).fontSizeS,
-            fontWeight: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).fontWeightDemiBold,
-            textAlign: "center",
-            height: "32px"
-        }),
-        tbody: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "107tt68",
-            styles: "border:0;"
-        }),
-        tfoot: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "jgvdrf",
-            styles: "margin:0.5em;"
-        }),
-        cell: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "1y3chau",
-            styles: "padding:2px;text-align:center;"
-        }),
-        day: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            display: "flex",
-            overflow: "hidden",
-            alignItems: "center",
-            justifyContent: "center",
-            width: `${$ca92f136b31cadb2$var$cellSize / 16}rem`,
-            height: `${$ca92f136b31cadb2$var$cellSize / 16}rem`,
-            borderRadius: "50%",
-            margin: "auto",
-            "&.rdp-day_today:not(.rdp-day_outside)": {
-                fontWeight: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).fontWeightDemiBold
-            },
-            "&.rdp-day_today:not(.rdp-day_outside):not(.rdp-day_selected):not(:hover)": {
-                backgroundColor: (0, ($parcel$interopDefault($bMnqh$contentfulf36tokens))).blue100
-            }
-        }),
-        nav_icon: /*#__PURE__*/ (0, $bMnqh$emotion.css)({
-            name: "1ghomkw",
-            styles: "width:0.625rem;"
-        })
-    };
-};
-
-
-
-
-
-
-
-const $7dd04d8685a518d7$export$23682f394b530c50 = (props)=>{
-    const styles = (0, $ca92f136b31cadb2$export$ffd58b7f6f099a57)();
-    const { fromDate: fromDate , toDate: toDate , numberOfMonths: numberOfMonths  } = (0, $bMnqh$reactdaypicker.useDayPicker)();
-    const isDropdownsVisible = Boolean(fromDate && toDate && numberOfMonths === 1);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $bMnqh$contentfulf36core.Flex), {
-        alignItems: "center",
-        justifyContent: "space-between",
-        className: styles.caption
-    }, isDropdownsVisible && /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $bMnqh$reactdaypicker.CaptionDropdowns), props), /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $bMnqh$reactdaypicker.CaptionNavigation), props));
-};
-
-
-
-
-
-
-
-const $7a9f09b2c8cda9ba$export$74e13d11a34c00bf = (props)=>{
-    const styles = (0, $ca92f136b31cadb2$export$ffd58b7f6f099a57)();
-    const { fromDate: fromDate , toDate: toDate , formatters: { formatCaption: formatCaption  } , locale: locale , numberOfMonths: numberOfMonths  } = (0, $bMnqh$reactdaypicker.useDayPicker)();
-    const isVisuallyHidden = Boolean(fromDate && toDate && numberOfMonths === 1);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $bMnqh$contentfulf36typography.Heading), {
-        as: "h2",
-        "aria-live": "polite",
-        "aria-atomic": "true",
-        id: props.id,
-        className: (0, $bMnqh$emotion.cx)(styles.caption_label, isVisuallyHidden && styles.vhidden)
-    }, formatCaption(props.displayMonth, {
-        locale: locale
-    }));
-};
-
-
-function $fcd3f98a88933011$export$e1aef45b828286de(props) {
-    const styles = (0, $ca92f136b31cadb2$export$ffd58b7f6f099a57)();
-    var _weekStartsOn;
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $bMnqh$reactdaypicker.DayPicker), {
-        ...props,
-        weekStartsOn: (_weekStartsOn = props.weekStartsOn) !== null && _weekStartsOn !== void 0 ? _weekStartsOn : 1,
-        classNames: styles,
-        components: {
-            Caption: (0, $7dd04d8685a518d7$export$23682f394b530c50),
-            CaptionLabel: (0, $7a9f09b2c8cda9ba$export$74e13d11a34c00bf),
-            ...props.components
-        }
-    });
-}
-
-
-const $24e08c7c0249b6ac$export$7a9a31a911eb9a20 = (0, $bMnqh$reactdaypicker.Day);
-const $24e08c7c0249b6ac$export$16d0634337daf8ec = (0, $bMnqh$reactdaypicker.DayContent);
-const $24e08c7c0249b6ac$export$332e9e0d64b1f294 = (0, $bMnqh$reactdaypicker.useDayPicker);
-$parcel$exportWildcard($24e08c7c0249b6ac$exports, $fcd3f98a88933011$exports);
-
-
-
-
-
-
-
-function $af2068a878c80fd7$export$7235422eca03ec90(props) {
-    const styles = (0, $ceebd8c575fa61b7$export$ffd58b7f6f099a57)();
-    const { testId: testId = "cf-ui-datepicker" , className: className , style: style , inputProps: inputProps , popoverProps: popoverProps , selected: selected , onSelect: onSelect , fromDate: fromDate , toDate: toDate , locale: locale , dateFormat: dateFormat = "dd LLL yyyy" , defaultIsOpen: defaultIsOpen , ...otherProps } = props;
-    const isDateValid = (0, $bMnqh$react.useCallback)((date)=>{
-        if (!(0, $bMnqh$datefns.isValid)(date)) return false;
-        if (fromDate && (0, $bMnqh$datefns.startOfDay)(fromDate).getTime() > date.getTime()) return false;
-        if (toDate && date.getTime() > (0, $bMnqh$datefns.endOfDay)(toDate).getTime()) return false;
-        return true;
-    }, [
-        fromDate,
-        toDate
-    ]);
-    const parseInputDate = (0, $bMnqh$react.useCallback)((value)=>(0, $bMnqh$datefns.parse)(value, dateFormat, new Date(), {
-            locale: locale
-        }), [
-        locale,
-        dateFormat
-    ]);
-    const [isPopoverOpen, setIsPopoverOpen] = (0, $bMnqh$react.useState)(defaultIsOpen);
-    const [inputValue, setInputValue] = (0, $bMnqh$react.useState)(()=>selected ? (0, $bMnqh$datefns.format)(selected, dateFormat) : "");
-    (0, $bMnqh$react.useEffect)(()=>{
-        if (!selected) {
-            setInputValue("");
-            return;
-        }
-        if (selected.getTime() !== parseInputDate(inputValue).getTime()) setInputValue((0, $bMnqh$datefns.format)(selected, dateFormat));
-         // we want to run this hook only when `selected` prop changes
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        selected
-    ]);
-    const handleInputChange = (0, $bMnqh$react.useCallback)((e)=>{
-        setInputValue(e.currentTarget.value);
-        const date = parseInputDate(e.currentTarget.value);
-        if (isDateValid(date)) onSelect(date);
-        else onSelect(undefined);
-    }, [
-        onSelect,
-        parseInputDate,
-        isDateValid
-    ]);
-    const handleDaySelect = (0, $bMnqh$react.useCallback)((date)=>{
-        if (date && isDateValid(date)) {
-            onSelect(date);
-            setIsPopoverOpen(false);
-        }
-    }, [
-        onSelect,
-        isDateValid
-    ]);
-    const isTextInputValueInvalid = inputValue && !isDateValid(parseInputDate(inputValue));
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $bMnqh$contentfulf36popover.Popover), {
-        isOpen: isPopoverOpen,
-        onClose: ()=>setIsPopoverOpen(false),
-        ...popoverProps
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $bMnqh$contentfulf36popover.Popover).Trigger, null, /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $bMnqh$contentfulf36forms.TextInput).Group, {
-        className: (0, $bMnqh$emotion.cx)(className),
-        style: style,
-        testId: testId
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $bMnqh$contentfulf36forms.TextInput), {
-        placeholder: (0, $bMnqh$datefns.format)(new Date(), dateFormat),
-        value: inputValue,
-        onChange: handleInputChange,
-        isInvalid: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.isInvalid) || isTextInputValueInvalid,
-        "aria-label": "Enter date",
-        testId: "cf-ui-datepicker-input",
-        ...inputProps
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $bMnqh$contentfulf36button.IconButton), {
-        "aria-label": "Use calendar",
-        variant: "secondary",
-        icon: /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $bMnqh$contentfulf36icons.CalendarIcon), {
-            "aria-label": "calendar",
-            variant: "muted"
-        }),
-        onClick: ()=>{
-            setIsPopoverOpen((prevState)=>!prevState);
-        },
-        isDisabled: inputProps === null || inputProps === void 0 ? void 0 : inputProps.isDisabled,
-        testId: "cf-ui-datepicker-button"
-    }))), /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $bMnqh$contentfulf36popover.Popover).Content, null, /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, ($parcel$interopDefault($bMnqh$reactfocuslock))), {
-        returnFocus: true
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($bMnqh$react))).createElement((0, $fcd3f98a88933011$export$e1aef45b828286de), {
-        ...otherProps,
-        className: styles.calendar,
-        mode: "single",
-        selected: selected,
-        onSelect: handleDaySelect,
-        initialFocus: false,
-        defaultMonth: selected,
-        fromDate: fromDate,
-        toDate: toDate,
-        locale: locale
-    }))));
-}
-
-
-
-$parcel$exportWildcard(module.exports, $24e08c7c0249b6ac$exports);
-
-
-//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/components/datepicker/src/index.ts","packages/components/datepicker/src/Datepicker.tsx","packages/components/datepicker/src/Datepicker.styles.ts","packages/components/datepicker/src/Calendar/index.ts","packages/components/datepicker/src/Calendar/Calendar.tsx","packages/components/datepicker/src/Calendar/Calendar.styles.ts","packages/components/datepicker/src/Calendar/CalendarCaption.tsx","packages/components/datepicker/src/Calendar/CalendarCaptionLabel.tsx"],"sourcesContent":["export { Datepicker } from './Datepicker';\nexport type { DatepickerProps } from './Datepicker';\n\nexport * from './Calendar';\n","import React, {\n  ChangeEventHandler,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\nimport { cx } from 'emotion';\nimport { CommonProps } from '@contentful/f36-core';\n\nimport { format, isValid, parse, startOfDay, endOfDay } from 'date-fns';\nimport { getStyles } from './Datepicker.styles';\nimport { Calendar } from './Calendar';\nimport { Popover } from '@contentful/f36-popover';\nimport { DayPickerSingleProps } from 'react-day-picker';\nimport FocusLock from 'react-focus-lock';\nimport { TextInput, TextInputProps } from '@contentful/f36-forms';\nimport { IconButton } from '@contentful/f36-button';\nimport { CalendarIcon } from '@contentful/f36-icons';\nimport { PopoverProps } from '@contentful/f36-popover';\n\nexport type DatepickerProps = CommonProps & {\n  /**\n   * Callback fired when the day is selected\n   */\n  onSelect: (day: Date | undefined) => void;\n\n  /**\n   * Format that is used to display date in the input,\n   * It is based on (Unicode Technical Standart #35)[https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table]\n   *\n   * @default 'dd LLL yyyy' e.g. 31 Jan 2022\n   */\n  dateFormat?: string;\n\n  /**\n   * If `true`, the Datepicker will be initially opened.\n   */\n  defaultIsOpen?: boolean;\n\n  /**\n   * Props to pass to the TextInput component\n   */\n  inputProps?: Partial<TextInputProps>;\n\n  /**\n   * Props to pass to the Popover (Dropdown) component\n   */\n  popoverProps?: Partial<PopoverProps>;\n} & Omit<\n    DayPickerSingleProps,\n    | 'mode'\n    | 'onSelect'\n    | 'fromMonth'\n    | 'toMonth'\n    | 'fromYear'\n    | 'toYear'\n    | 'classNames'\n    | 'className'\n  >;\n\n/**\n * Provides functionality for date selection.\n */\nexport function Datepicker(props: DatepickerProps) {\n  const styles = getStyles();\n  const {\n    testId = 'cf-ui-datepicker',\n    className,\n    style,\n    inputProps,\n    popoverProps,\n    selected,\n    onSelect,\n    fromDate,\n    toDate,\n    locale,\n    dateFormat = 'dd LLL yyyy',\n    defaultIsOpen,\n    ...otherProps\n  } = props;\n\n  const isDateValid = useCallback(\n    (date: Date) => {\n      if (!isValid(date)) {\n        return false;\n      }\n      if (fromDate && startOfDay(fromDate).getTime() > date.getTime()) {\n        return false;\n      }\n      if (toDate && date.getTime() > endOfDay(toDate).getTime()) {\n        return false;\n      }\n      return true;\n    },\n    [fromDate, toDate],\n  );\n\n  const parseInputDate = useCallback(\n    (value: string) => parse(value, dateFormat, new Date(), { locale }),\n    [locale, dateFormat],\n  );\n\n  const [isPopoverOpen, setIsPopoverOpen] = useState(defaultIsOpen);\n  const [inputValue, setInputValue] = useState<string>(() =>\n    selected ? format(selected, dateFormat) : '',\n  );\n\n  useEffect(() => {\n    if (!selected) {\n      setInputValue('');\n      return;\n    }\n\n    if (selected.getTime() !== parseInputDate(inputValue).getTime()) {\n      setInputValue(format(selected, dateFormat));\n    }\n    // we want to run this hook only when `selected` prop changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selected]);\n\n  const handleInputChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      setInputValue(e.currentTarget.value);\n\n      const date = parseInputDate(e.currentTarget.value);\n      if (isDateValid(date)) {\n        onSelect(date);\n      } else {\n        onSelect(undefined);\n      }\n    },\n    [onSelect, parseInputDate, isDateValid],\n  );\n\n  const handleDaySelect = useCallback(\n    (date: Date) => {\n      if (date && isDateValid(date)) {\n        onSelect(date);\n        setIsPopoverOpen(false);\n      }\n    },\n    [onSelect, isDateValid],\n  );\n\n  const isTextInputValueInvalid =\n    inputValue && !isDateValid(parseInputDate(inputValue));\n\n  return (\n    <Popover\n      isOpen={isPopoverOpen}\n      onClose={() => setIsPopoverOpen(false)}\n      {...popoverProps}\n    >\n      <Popover.Trigger>\n        <TextInput.Group\n          className={cx(className)}\n          style={style}\n          testId={testId}\n        >\n          <TextInput\n            placeholder={format(new Date(), dateFormat)}\n            value={inputValue}\n            onChange={handleInputChange}\n            isInvalid={inputProps?.isInvalid || isTextInputValueInvalid}\n            aria-label=\"Enter date\"\n            testId=\"cf-ui-datepicker-input\"\n            {...inputProps}\n          />\n          <IconButton\n            aria-label=\"Use calendar\"\n            variant=\"secondary\"\n            icon={<CalendarIcon aria-label=\"calendar\" variant=\"muted\" />}\n            onClick={() => {\n              setIsPopoverOpen((prevState) => !prevState);\n            }}\n            isDisabled={inputProps?.isDisabled}\n            testId=\"cf-ui-datepicker-button\"\n          />\n        </TextInput.Group>\n      </Popover.Trigger>\n      <Popover.Content>\n        <FocusLock returnFocus={true}>\n          <Calendar\n            {...otherProps}\n            className={styles.calendar}\n            mode=\"single\"\n            selected={selected}\n            onSelect={handleDaySelect}\n            initialFocus={false}\n            defaultMonth={selected}\n            fromDate={fromDate}\n            toDate={toDate}\n            locale={locale}\n          />\n        </FocusLock>\n      </Popover.Content>\n    </Popover>\n  );\n}\n","import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\n\nexport const getStyles = () => {\n  return {\n    calendar: css({\n      padding: tokens.spacingM,\n    }),\n  };\n};\n","import {\n  Day as _Day,\n  DayContent as _DayContent,\n  useDayPicker as _useDayPicker,\n  DayProps,\n  DayContentProps,\n} from 'react-day-picker';\n\nexport * from './Calendar';\n\n// Hack for Parcel bundler, to build a valid commonJS dist\nconst Day = _Day;\nconst DayContent = _DayContent;\nconst useDayPicker = _useDayPicker;\nexport { Day, DayContent, useDayPicker };\nexport type { DayProps, DayContentProps };\n","import React from 'react';\n\nimport { getStyles } from './Calendar.styles';\n\nimport {\n  DayPicker,\n  DayPickerDefaultProps,\n  DayPickerSingleProps,\n} from 'react-day-picker';\nimport { CalendarCaption } from './CalendarCaption';\nimport { CalendarCaptionLabel } from './CalendarCaptionLabel';\n\nexport type CalendarProps =\n  | Omit<DayPickerDefaultProps, 'classNames'>\n  | Omit<DayPickerSingleProps, 'classNames'>;\n\n/**\n * Provides functionality for calendar date selection. Used as a part of Datepicker component.\n * Based on the [React DayPicker](https://react-day-picker.js.org/) library.\n */\nexport function Calendar(props: CalendarProps) {\n  const styles = getStyles();\n\n  return (\n    <DayPicker\n      {...props}\n      weekStartsOn={props.weekStartsOn ?? 1}\n      classNames={styles}\n      components={{\n        Caption: CalendarCaption,\n        CaptionLabel: CalendarCaptionLabel,\n        ...props.components,\n      }}\n    />\n  );\n}\n","import { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { ClassNames } from 'react-day-picker';\n\nconst cellSize = 40;\n\nexport const getStyles = (): ClassNames => {\n  return {\n    vhidden: css({\n      boxSizing: 'border-box',\n      padding: '0',\n      margin: '0',\n      background: 'transparent',\n      border: '0',\n      MozAppearance: 'none',\n      WebkitAppearance: 'none',\n      appearance: 'none',\n      position: 'absolute',\n      top: '0',\n      width: '1px',\n      height: '1px',\n      overflow: 'hidden',\n      clip: 'rect(1px, 1px, 1px, 1px)',\n    }),\n    button_reset: css({\n      appearance: 'none',\n      position: 'relative',\n      margin: 0,\n      padding: 0,\n      border: 'none',\n      outline: 'none',\n      background: 'none',\n    }),\n    button: css({\n      borderRadius: '50%',\n      cursor: 'pointer',\n      color: tokens.gray900,\n\n      '&[aria-disabled=\"true\"]': {\n        color: tokens.gray400,\n        pointerEvents: 'none',\n      },\n      '&:focus, &:active': {\n        boxShadow: tokens.glowPrimary,\n      },\n\n      '&:focus:not(:focus-visible)': {\n        boxShadow: 'unset',\n      },\n\n      '&:hover': {\n        backgroundColor: tokens.gray200,\n      },\n\n      '&.rdp-day_selected:not([aria-disabled=\"true\"])': {\n        backgroundColor: tokens.blue600,\n        color: tokens.colorWhite,\n        fontWeight: tokens.fontWeightDemiBold,\n      },\n    }),\n\n    months: css({\n      display: 'flex',\n    }),\n    month: css({\n      width: '100%',\n      margin: '0 1em',\n      '&:first-child': {\n        marginLeft: 0,\n      },\n      '&:last-child': {\n        marginRight: 0,\n      },\n    }),\n    table: css({\n      width: '100%',\n      margin: 0,\n      borderCollapse: 'collapse',\n    }),\n    caption: css({\n      position: 'relative',\n      padding: 0,\n      textAlign: 'left',\n\n      '.rdp-multiple_months &': {\n        display: 'block',\n        textAlign: 'center',\n      },\n    }),\n    caption_dropdowns: css({\n      position: 'relative',\n      display: 'inline-flex',\n    }),\n    caption_label: css({\n      position: 'relative',\n      zIndex: 1,\n      display: 'inline-flex',\n      alignItems: 'center',\n      margin: '0',\n      padding: `0 ${tokens.spacingXs}`,\n      height: '2rem',\n      whiteSpace: 'nowrap',\n      fontSize: tokens.fontSizeM,\n      fontWeight: tokens.fontWeightMedium,\n      borderRadius: tokens.borderRadiusMedium,\n\n      '& + &': {\n        marginLeft: '3px',\n      },\n    }),\n    nav: css({\n      whiteSpace: 'nowrap',\n\n      '.rdp-multiple_months .rdp-caption_start &': {\n        position: 'absolute',\n        top: '50%',\n        left: '0',\n        transform: 'translateY(-50%)',\n      },\n\n      '.rdp-multiple_months .rdp-caption_end &': {\n        position: 'absolute',\n        top: '50%',\n        right: '0',\n        transform: 'translateY(-50%)',\n      },\n    }),\n\n    nav_button: css({\n      width: '2rem',\n      height: '2rem',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: 'transparent',\n    }),\n    nav_button_previous: css({\n      marginRight: '3px',\n    }),\n    dropdown_month: css({\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n    }),\n    dropdown_year: css({\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n    }),\n    dropdown: css({\n      appearance: 'none',\n      position: 'absolute',\n      zIndex: 2,\n      top: '0',\n      bottom: '0',\n      left: '0',\n      width: '100%',\n      margin: '0',\n      padding: '0',\n      cursor: 'pointer',\n      opacity: '0',\n      border: 'none',\n      backgroundColor: 'transparent',\n      fontFamily: 'inherit',\n      fontSize: 'inherit',\n      lineHeight: 'inherit',\n\n      '&:focus:not([disabled]) + div, &:active:not([disabled]) + div': {\n        boxShadow: tokens.glowPrimary,\n      },\n\n      '&:hover:not([disabled]) + div, &:hover:not([disabled]) + div': {\n        backgroundColor: tokens.gray200,\n      },\n    }),\n\n    dropdown_icon: css({\n      marginLeft: '8px',\n    }),\n\n    head: css({\n      border: 0,\n    }),\n\n    head_row: css({\n      height: '100%',\n    }),\n\n    row: css({\n      height: '100%',\n    }),\n\n    head_cell: css({\n      verticalAlign: 'middle',\n      fontSize: tokens.fontSizeS,\n      fontWeight: tokens.fontWeightDemiBold,\n      textAlign: 'center',\n      height: '32px',\n    }),\n\n    tbody: css({\n      border: 0,\n    }),\n\n    tfoot: css({\n      margin: '0.5em',\n    }),\n\n    cell: css({\n      padding: '2px',\n      textAlign: 'center',\n    }),\n    day: css({\n      display: 'flex',\n      overflow: 'hidden',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: `${cellSize / 16}rem`,\n      height: `${cellSize / 16}rem`,\n      borderRadius: '50%',\n      margin: 'auto',\n\n      '&.rdp-day_today:not(.rdp-day_outside)': {\n        fontWeight: tokens.fontWeightDemiBold,\n      },\n      '&.rdp-day_today:not(.rdp-day_outside):not(.rdp-day_selected):not(:hover)':\n        {\n          backgroundColor: tokens.blue100,\n        },\n    }),\n\n    nav_icon: css({\n      width: '0.625rem',\n    }),\n  };\n};\n","import React from 'react';\n\nimport {\n  CaptionDropdowns,\n  CaptionNavigation,\n  CaptionProps,\n  useDayPicker,\n} from 'react-day-picker';\nimport { Flex } from '@contentful/f36-core';\nimport { getStyles } from './Calendar.styles';\n\nexport const CalendarCaption = (props: CaptionProps) => {\n  const styles = getStyles();\n  const { fromDate, toDate, numberOfMonths } = useDayPicker();\n\n  const isDropdownsVisible = Boolean(\n    fromDate && toDate && numberOfMonths === 1,\n  );\n\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      className={styles.caption}\n    >\n      {isDropdownsVisible && <CaptionDropdowns {...props} />}\n      <CaptionNavigation {...props} />\n    </Flex>\n  );\n};\n","import React from 'react';\n\nimport { CaptionLabelProps, useDayPicker } from 'react-day-picker';\nimport { Heading } from '@contentful/f36-typography';\nimport { getStyles } from './Calendar.styles';\nimport { cx } from 'emotion';\n\nexport const CalendarCaptionLabel = (props: CaptionLabelProps) => {\n  const styles = getStyles();\n  const {\n    fromDate,\n    toDate,\n    formatters: { formatCaption },\n    locale,\n    numberOfMonths,\n  } = useDayPicker();\n\n  const isVisuallyHidden = Boolean(fromDate && toDate && numberOfMonths === 1);\n\n  return (\n    <Heading\n      as=\"h2\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      id={props.id}\n      className={cx(styles.caption_label, isVisuallyHidden && styles.vhidden)}\n    >\n      {formatCaption(props.displayMonth, { locale })}\n    </Heading>\n  );\n};\n"],"names":["Datepicker","DatepickerProps","React","ChangeEventHandler","useCallback","useEffect","useState","CommonProps","format","isValid","parse","startOfDay","endOfDay","getStyles","Calendar","Popover","DayPickerSingleProps","FocusLock","TextInput","TextInputProps","IconButton","CalendarIcon","PopoverProps","onSelect","day","Date","dateFormat","defaultIsOpen","inputProps","Partial","popoverProps","Omit","props","styles","testId","className","style","selected","fromDate","toDate","locale","otherProps","isDateValid","date","getTime","parseInputDate","value","isPopoverOpen","setIsPopoverOpen","inputValue","setInputValue","handleInputChange","HTMLInputElement","e","currentTarget","undefined","handleDaySelect","isTextInputValueInvalid","isInvalid","prevState","isDisabled","calendar","tokens","padding","spacingM","Day","_Day","DayContent","_DayContent","useDayPicker","_useDayPicker","DayProps","DayContentProps","DayPicker","DayPickerDefaultProps","CalendarCaption","CalendarCaptionLabel","CalendarProps","weekStartsOn","Caption","CaptionLabel","components","ClassNames","cellSize","vhidden","button_reset","button","borderRadius","cursor","color","gray900","gray400","pointerEvents","boxShadow","glowPrimary","backgroundColor","gray200","blue600","colorWhite","fontWeight","fontWeightDemiBold","months","month","table","caption","caption_dropdowns","caption_label","position","zIndex","display","alignItems","margin","spacingXs","height","whiteSpace","fontSize","fontSizeM","fontWeightMedium","borderRadiusMedium","marginLeft","nav","nav_button","nav_button_previous","dropdown_month","dropdown_year","dropdown","appearance","top","bottom","left","width","opacity","border","fontFamily","lineHeight","dropdown_icon","head","head_row","row","head_cell","verticalAlign","fontSizeS","textAlign","tbody","tfoot","cell","overflow","justifyContent","blue100","nav_icon","CaptionDropdowns","CaptionNavigation","CaptionProps","Flex","numberOfMonths","isDropdownsVisible","Boolean","CaptionLabelProps","Heading","formatters","formatCaption","isVisuallyHidden","id","displayMonth"],"version":3,"file":"main.js.map"}