@pega/cosmos-react-core 2.2.0 → 2.2.1

package/lib/components/DateTime/Picker/Calendar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Picker/Calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useMemo,\n  FunctionComponent,\n  KeyboardEvent,\n  useState,\n  forwardRef,\n  PropsWithoutRef,\n  Ref,\n  useEffect,\n  useCallback\n} from 'react';\n\nimport Text from '../../Text';\nimport { CALENDAR_TYPES } from '../Input/local';\nimport {\n  getCalendarTypeFromLocale,\n  getDateOfISOWeek,\n  getWeek,\n  parseToDate,\n  toUTCDateString\n} from '../Input/utils';\nimport { useConfiguration, useConsolidatedRef, useFocusWithin, useI18n } from '../../../hooks';\nimport { ForwardProps } from '../../../types';\nimport { FormControlProps } from '../../FormControl';\n\nimport { getDaysOfMonth, getLocalizedDays, getWeeksOfMonth } from './utils';\nimport {\n  StyledColumnLabel,\n  ScreenReaderOnly,\n  StyledPick,\n  StyledDay,\n  StyledCalendar,\n  StyledWeekGrid,\n  StyledWeekLabel,\n  StyledWeekNumber\n} from './Calendar.styles';\n\nexport interface CalendarProps {\n  /**\n   * Sets DOM id for the control and associates label element via 'for' attribute.\n   * If an id is not pass, a random id will be generated for any render.\n   */\n  id?: FormControlProps['id'];\n  /**\n   * Defines default date that will be selected initially when the Calendar is visible.\n   */\n  selected?: Date;\n  /**\n   * Defines currently visible month.\n   * @default new Date()\n   */\n  current?: Date;\n  /** Defines dates range with start date and end date that can be set by the user. */\n  selectedRange?: { startDate: Date | undefined; endDate: Date | undefined };\n  /** Defines if days should be highlighted for range selection  */\n  showHighlight?: boolean;\n  /** Defines if week numbers should be displayed in calendar  */\n  showWeekNumber?: boolean;\n  /**\n   * The mode of the calendar that will be rendered, ie. whether single date or week are selectable.\n   * @default \"date\"\n   */\n  mode?: 'date' | 'week';\n  /** Callback fired when new day is selected. */\n  onSelect?: (date: Date) => void;\n  /** Callback fired when user focuses new day. */\n  onFocus?: (date: Date) => void;\n  /** Sets the type of calendar to be used. This will be determined by locale if no value is provided. */\n  calendarType?: string;\n  /** Defines minimum available value that can be selected by the user. */\n  min?: string | number | Date;\n  /** Defines maximum available value that can be selected by the user. */\n  max?: string | number | Date;\n  /** Set the calendar to disabled state, ie. non-interactive. */\n  disabled?: boolean;\n}\n\nconst ariaOpts = { day: 'numeric', month: 'long', year: 'numeric' } as const;\n\nconst Calendar: FunctionComponent<CalendarProps & ForwardProps> = forwardRef(\n  (\n    {\n      selected,\n      current = selected ? new Date(selected.getTime()) : new Date(),\n      selectedRange,\n      showHighlight,\n      mode = 'date',\n      showWeekNumber,\n      calendarType: calendar = CALENDAR_TYPES.ISO_8601,\n      onSelect,\n      onFocus,\n      disabled,\n      min: minProp,\n      max: maxProp\n    }: PropsWithoutRef<CalendarProps>,\n    ref: Ref<HTMLTableElement>\n  ) => {\n    const { locale } = useConfiguration();\n    const min = minProp ? parseToDate(minProp) : -Infinity;\n    const max = maxProp ? parseToDate(maxProp) : Infinity;\n\n    const showWeekLabel = mode === 'week' ? false : showWeekNumber;\n    const [focusedDay, setFocusedDay] = useState(current);\n    useEffect(() => {\n      setFocusedDay(current);\n    }, [current.getUTCFullYear(), current.getUTCMonth()]);\n\n    const calendarType = useMemo(\n      () => calendar ?? getCalendarTypeFromLocale(locale),\n      [locale, calendar]\n    );\n\n    const [highlightBoundary, setHighlightBoundary] = useState<Date>();\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLElement>) => {\n        if (\n          (mode === 'date'\n            ? ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']\n            : ['ArrowUp', 'ArrowDown']\n          ).includes(e.key)\n        ) {\n          e.preventDefault();\n          const newFocused = new Date(focusedDay);\n          switch (e.key) {\n            case 'ArrowUp':\n              newFocused.setUTCDate(focusedDay.getUTCDate() - 7);\n              break;\n            case 'ArrowDown':\n              newFocused.setUTCDate(focusedDay.getUTCDate() + 7);\n              break;\n            case 'ArrowRight':\n              newFocused.setUTCDate(focusedDay.getUTCDate() + 1);\n              break;\n            case 'ArrowLeft':\n              newFocused.setUTCDate(focusedDay.getUTCDate() - 1);\n              break;\n            default:\n          }\n          if (newFocused < min || newFocused > max) return;\n          setFocusedDay(newFocused);\n          onFocus?.(newFocused);\n          setHighlightBoundary(newFocused);\n        }\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          onSelect?.(focusedDay);\n        }\n      },\n      [mode, focusedDay, onFocus, onSelect]\n    );\n\n    const containerRef = useConsolidatedRef<HTMLTableElement>(ref);\n    const hasFocus = useFocusWithin([containerRef]);\n\n    const today = toUTCDateString(new Date());\n\n    const isDisabled = (day: Date) => {\n      return min > day.getTime() || day.getTime() > max;\n    };\n\n    const isSelected = (day: Date) => {\n      return [\n        selected && toUTCDateString(selected),\n        selectedRange?.startDate && toUTCDateString(selectedRange?.startDate),\n        selectedRange?.endDate && toUTCDateString(selectedRange?.endDate)\n      ].includes(toUTCDateString(day));\n    };\n\n    const isWeekSelected = (day: Date) => {\n      return (\n        selected &&\n        toUTCDateString(day) ===\n          toUTCDateString(getDateOfISOWeek(getWeek(selected, calendarType), selected.getFullYear()))\n      );\n    };\n\n    const isFocused = (day: Date) => {\n      return toUTCDateString(day) === toUTCDateString(focusedDay);\n    };\n\n    const isWeekFocused = (day: Date) => {\n      return (\n        toUTCDateString(day) ===\n        toUTCDateString(\n          getDateOfISOWeek(getWeek(focusedDay, calendarType), focusedDay.getFullYear())\n        )\n      );\n    };\n\n    const isInRange = (day: Date) => {\n      return (\n        selectedRange &&\n        selectedRange.startDate &&\n        selectedRange.endDate &&\n        day >= selectedRange.startDate &&\n        day <= selectedRange.endDate\n      );\n    };\n\n    const isHighlighted = (day: Date) => {\n      if (!selectedRange || !showHighlight || !highlightBoundary) return false;\n      const betweenHighlightAndBoundary = (rangeBoundaryType: 'startDate' | 'endDate') => {\n        const rangeBoundary = selectedRange[rangeBoundaryType];\n        if (!rangeBoundary) return false;\n        return !!(\n          rangeBoundary &&\n          ((day >= rangeBoundary && day <= highlightBoundary) ||\n            (day <= rangeBoundary && day >= highlightBoundary))\n        );\n      };\n      return betweenHighlightAndBoundary('startDate') || betweenHighlightAndBoundary('endDate');\n    };\n\n    const days = getDaysOfMonth(current, calendarType ?? CALENDAR_TYPES.ISO_8601).map(day => {\n      return (\n        <StyledDay\n          key={day.getTime()}\n          variant='simple'\n          icon={false}\n          type='button'\n          loading={false}\n          ref={\n            isFocused(day)\n              ? (focusedRef: HTMLButtonElement) => {\n                  if (hasFocus) focusedRef?.focus();\n                }\n              : undefined\n          }\n          tabIndex={isFocused(day) ? 0 : -1}\n          disabled={disabled || mode === 'week' || isDisabled(day)}\n          current={toUTCDateString(day) === today}\n          highlighted={isInRange(day) || isHighlighted(day)}\n          aria-selected={isSelected(day) || undefined}\n          aria-readonly={day.getUTCMonth() !== current.getUTCMonth() || undefined}\n          aria-label={toUTCDateString(day, Intl.DateTimeFormat(locale, ariaOpts))}\n          onMouseOver={showHighlight ? () => setHighlightBoundary(day) : undefined}\n          onMouseOut={showHighlight ? () => setHighlightBoundary(undefined) : undefined}\n          onMouseDown={() => {\n            setFocusedDay(day);\n            onFocus?.(day);\n            onSelect?.(day);\n          }}\n        >\n          {day.getUTCDate()}\n        </StyledDay>\n      );\n    });\n\n    const names = useMemo(() => getLocalizedDays(calendarType, locale), [locale, calendarType]);\n\n    const t = useI18n();\n\n    const weekText = t('week_label_a11y');\n\n    const weeks = getWeeksOfMonth(current, calendarType).map(weekNo => {\n      return (\n        <>\n          <Text as={StyledWeekNumber} key={weekNo} aria-hidden='true'>\n            {weekNo.toString()}\n          </Text>\n          <ScreenReaderOnly>\n            {`${weekText} ${weekNo.toString()} ${current.getUTCFullYear().toString()}`}\n          </ScreenReaderOnly>\n        </>\n      );\n    });\n\n    const weeksButtons = getWeeksOfMonth(current, calendarType).map(weekNo => {\n      const dateOfISOWeek = getDateOfISOWeek(weekNo, current.getUTCFullYear());\n      return (\n        <StyledPick\n          key={weekNo}\n          variant='simple'\n          icon={false}\n          type='button'\n          loading={false}\n          ref={\n            isWeekFocused(dateOfISOWeek)\n              ? (focusedRef: HTMLButtonElement) => {\n                  if (hasFocus) focusedRef?.focus();\n                }\n              : undefined\n          }\n          tabIndex={isWeekFocused(dateOfISOWeek) ? 0 : -1}\n          disabled={disabled || mode === 'date' || isDisabled(dateOfISOWeek)}\n          aria-selected={isWeekSelected(dateOfISOWeek) || undefined}\n          aria-label={`${t('week_label_a11y')} ${weekNo.toString()}, ${current\n            .getUTCFullYear()\n            .toString()}`}\n          onMouseDown={() => {\n            setFocusedDay(dateOfISOWeek);\n            onFocus?.(dateOfISOWeek);\n            onSelect?.(dateOfISOWeek);\n          }}\n        >\n          {`${weekText} `}\n          {weekNo.toString()}\n        </StyledPick>\n      );\n    });\n\n    const weekLabel =\n      mode === 'date' ? (\n        <>\n          <Text as={StyledWeekLabel} forwardedAs='abbr' title={weekText} aria-hidden='true'>\n            {t('week_text_short')}\n          </Text>\n          <ScreenReaderOnly>{weekText}</ScreenReaderOnly>\n        </>\n      ) : (\n        <Text as={StyledWeekLabel}>{weekText}</Text>\n      );\n\n    const headerLabels = names.map(([name, abbr]) => (\n      <th role='columnheader' key={name}>\n        <Text as={StyledColumnLabel} forwardedAs='abbr' key={name} title={name} aria-hidden='true'>\n          {abbr}\n        </Text>\n        <ScreenReaderOnly>{name}</ScreenReaderOnly>\n      </th>\n    ));\n\n    const splitToWeeks = (resultArray: JSX.Element[][], item: JSX.Element, index: number) => {\n      const chunkIndex = Math.floor(index / 7);\n\n      if (!resultArray[chunkIndex]) {\n        resultArray[chunkIndex] = [] as JSX.Element[];\n      }\n\n      resultArray[chunkIndex].push(item);\n      return resultArray;\n    };\n\n    const cells = days.reduce(splitToWeeks, []).map((week, index) => {\n      const rowHeader = mode === 'week' ? weeksButtons[index] : weeks[index];\n      return (\n        // eslint-disable-next-line react/no-array-index-key\n        <tr key={`week-${index}`}>\n          {showWeekLabel && <th scope='row'>{rowHeader}</th>}\n          {week.map((day, dayIndex) => {\n            // eslint-disable-next-line react/no-array-index-key\n            return <td key={`day-${dayIndex}`}>{day}</td>;\n          })}\n        </tr>\n      );\n    });\n\n    const weeksCells = weeksButtons.map((week, index) => {\n      return (\n        // eslint-disable-next-line react/no-array-index-key\n        <tr key={`week-${index}`}>\n          <td>{week}</td>\n        </tr>\n      );\n    });\n\n    const weeksGrid = (\n      <StyledWeekGrid onKeyDown={onKeyDown} ref={containerRef}>\n        <thead>\n          <tr>\n            <th>{weekLabel}</th>\n          </tr>\n        </thead>\n        <tbody>{weeksCells}</tbody>\n      </StyledWeekGrid>\n    );\n\n    return (\n      <>\n        {mode === 'week' && weeksGrid}\n        <StyledCalendar\n          ref={mode === 'date' ? containerRef : undefined}\n          aria-label={current.toLocaleString(locale, {\n            month: 'long',\n            year: 'numeric',\n            timeZone: 'UTC'\n          })}\n          onKeyDown={onKeyDown}\n        >\n          <thead>\n            <tr>\n              {showWeekLabel && <th>{weekLabel}</th>}\n              {headerLabels}\n            </tr>\n          </thead>\n          <tbody>{cells}</tbody>\n        </StyledCalendar>\n        <ScreenReaderOnly aria-live='polite'>{t('calendar_assist')}</ScreenReaderOnly>\n      </>\n    );\n  }\n);\n\nexport default Calendar;\n"]}

package/lib/components/DateTime/Picker/Calendar.styles.d.ts

@@ -1,14 +0,0 @@
-export declare const StyledPick: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("../../..").OmitStrict<import("../../Button").ButtonProps, "icon" | "disabled" | "type" | "loading" | "variant"> & Required<Pick<import("../../Button").ButtonProps, "icon" | "disabled" | "type" | "loading" | "variant">>, never>;
-export declare const StyledMonthPicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledColumnLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDay: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("../../..").OmitStrict<import("../../Button").ButtonProps, "icon" | "disabled" | "type" | "loading" | "variant"> & Required<Pick<import("../../Button").ButtonProps, "icon" | "disabled" | "type" | "loading" | "variant">> & {
-    current: boolean;
-    highlighted: boolean;
-}, never>;
-export declare const StyledWeekLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledWeekNumber: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledWeekGrid: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledCalendar: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=Calendar.styles.d.ts.map

package/lib/components/DateTime/Picker/Calendar.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Picker/Calendar.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,4UA0CrB,CAAC;AAIH,eAAO,MAAM,iBAAiB,yGA2B5B,CAAC;AAIH,eAAO,MAAM,gBAAgB,yGAkB3B,CAAC;AAIH,eAAO,MAAM,iBAAiB,0GAI7B,CAAC;AAIF,eAAO,MAAM,gBAAgB,yGAE5B,CAAC;AAEF,eAAO,MAAM,SAAS;aAAiC,OAAO;iBAAe,OAAO;SA4BlF,CAAC;AAIH,eAAO,MAAM,eAAe,0GAc1B,CAAC;AAIH,eAAO,MAAM,gBAAgB,0GAoB3B,CAAC;AAIH,eAAO,MAAM,cAAc,2GAoBzB,CAAC;AAIH,eAAO,MAAM,cAAc,2GA2CzB,CAAC"}

package/lib/components/DateTime/Picker/Calendar.styles.js

@@ -1,188 +0,0 @@
-import styled, { css } from 'styled-components';
-import { hideVisually, rgba as polishedRgba } from 'polished';
-import { defaultThemeProp } from '../../../theme';
-import { StyledSelect } from '../../Select/Select';
-import { StyledButton } from '../../Button';
-import { tryCatch } from '../../../utils';
-export const StyledPick = styled(StyledButton)(props => {
-    const { theme: { base: { colors, 'border-radius': borderRadius, palette: { interactive, light }, 'disabled-opacity': disabledOpacity, spacing } } } = props;
-    return css `
-    height: 2.625rem;
-    border-radius: calc(0.5 * ${borderRadius});
-    padding: 0 ${spacing};
-    background-color: transparent;
-
-    & + & {
-      margin-inline-start: 0;
-    }
-
-    &[aria-readonly]:enabled {
-      opacity: ${disabledOpacity};
-    }
-
-    &[aria-selected]:enabled {
-      background-color: ${interactive};
-      color: ${light};
-    }
-
-    &:disabled {
-      background-color: ${colors.gray['extra-light']};
-      border-radius: 0;
-    }
-
-    &:focus {
-      outline: none;
-      box-shadow: inset 0 0 0 0.125rem ${colors.blue.light};
-    }
-  `;
-});
-StyledPick.defaultProps = defaultThemeProp;
-export const StyledMonthPicker = styled.div(props => {
-    const { theme: { base: { spacing, 'border-radius': baseBorderRadius, palette: { 'foreground-color': color } }, components: { 'form-control': formControl } } } = props;
-    return css `
-    margin: calc(2 * ${spacing}) calc(0.5 * ${spacing});
-    font-size: 0.875rem;
-
-    ${StyledSelect} {
-      border-radius: calc(${baseBorderRadius} * ${formControl['border-radius']});
-    }
-
-    ${StyledButton} {
-      border-radius: calc(${baseBorderRadius} * ${formControl['border-radius']});
-      border: 0;
-      &:enabled {
-        color: ${color};
-      }
-    }
-  `;
-});
-StyledMonthPicker.defaultProps = defaultThemeProp;
-export const StyledDatePicker = styled.div(props => {
-    const { theme: { base: { spacing }, components: { 'form-control': { 'foreground-color': foreground } } } } = props;
-    return css `
-    width: max-content;
-
-    ${StyledButton} {
-      border: transparent;
-      color: ${foreground};
-    }
-    padding: 0 ${spacing} ${spacing} ${spacing};
-  `;
-});
-StyledDatePicker.defaultProps = defaultThemeProp;
-export const StyledColumnLabel = styled.span `
-  text-align: center;
-  margin: 0 auto;
-  font-size: 0.75rem;
-`;
-StyledColumnLabel.defaultProps = defaultThemeProp;
-export const ScreenReaderOnly = styled.div `
-  ${hideVisually}
-`;
-export const StyledDay = styled(StyledPick)(props => {
-    const { theme: { base: { colors, palette: { interactive } } }, current, highlighted } = props;
-    const highlightedBgColor = tryCatch(() => polishedRgba(interactive, 0.1));
-    return css `
-    background-color: ${highlighted ? highlightedBgColor : 'transparent'};
-
-    ${highlighted &&
-        css `
-      border-radius: 0;
-    `}
-
-    ${current &&
-        css `
-      color: ${colors.slate.dark};
-      font-weight: bold;
-    `}
-  `;
-});
-StyledDay.defaultProps = defaultThemeProp;
-export const StyledWeekLabel = styled(StyledColumnLabel)(props => {
-    const { theme: { base: { spacing, breakpoints } } } = props;
-    return css `
-    margin-inline-end: 0;
-
-    @media (min-width: ${breakpoints.sm}) {
-      margin-inline-end: ${spacing};
-    }
-  `;
-});
-StyledWeekLabel.defaultProps = defaultThemeProp;
-export const StyledWeekNumber = styled.span(props => {
-    const { theme: { base: { breakpoints, spacing, colors, 'disabled-opacity': disabledOpacity } } } = props;
-    return css `
-    line-height: 2.625rem;
-    padding: 0;
-    margin-inline-end: 0;
-    background-color: ${colors.gray['extra-light']};
-    display: inline-block;
-    opacity: ${disabledOpacity};
-
-    @media (min-width: ${breakpoints.sm}) {
-      padding: 0 ${spacing};
-      margin-inline-end: ${spacing};
-    }
-  `;
-});
-StyledWeekNumber.defaultProps = defaultThemeProp;
-export const StyledWeekGrid = styled.table(props => {
-    const { theme: { base: { spacing } } } = props;
-    return css `
-    table-layout: fixed;
-    border-collapse: collapse;
-    border-spacing: 0;
-
-    thead {
-      th {
-        padding-bottom: ${spacing};
-      }
-    }
-    ${StyledPick} {
-      margin-inline-end: ${spacing};
-    }
-  `;
-});
-StyledWeekGrid.defaultProps = defaultThemeProp;
-export const StyledCalendar = styled.table(props => {
-    const { theme: { base: { 'border-radius': borderRadius, spacing } } } = props;
-    return css `
-    table-layout: fixed;
-    border-collapse: collapse;
-    border-spacing: 0;
-
-    th {
-      max-width: 2.625rem;
-    }
-
-    thead {
-      th {
-        padding-bottom: ${spacing};
-      }
-    }
-
-    td {
-      width: 2.625rem;
-      max-width: 2.625rem;
-
-      ${StyledDay} {
-        width: 100%;
-      }
-    }
-
-    tr {
-      &:first-child {
-        ${StyledWeekNumber} {
-          border-radius: calc(0.5 * ${borderRadius}) calc(0.5 * ${borderRadius}) 0 0;
-        }
-      }
-      &:last-child {
-        ${StyledWeekNumber} {
-          border-radius: 0 0 calc(0.5 * ${borderRadius}) calc(0.5 * ${borderRadius});
-        }
-      }
-    }
-  `;
-});
-StyledCalendar.defaultProps = defaultThemeProp;
-//# sourceMappingURL=Calendar.styles.js.map

package/lib/components/DateTime/Picker/Calendar.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.styles.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Picker/Calendar.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { hideVisually, rgba as polishedRgba } from 'polished';\n\nimport { defaultThemeProp } from '../../../theme';\nimport { StyledSelect } from '../../Select/Select';\nimport { StyledButton } from '../../Button';\nimport { tryCatch } from '../../../utils';\n\nexport const StyledPick = styled(StyledButton)(props => {\n  const {\n    theme: {\n      base: {\n        colors,\n        'border-radius': borderRadius,\n        palette: { interactive, light },\n        'disabled-opacity': disabledOpacity,\n        spacing\n      }\n    }\n  } = props;\n\n  return css`\n    height: 2.625rem;\n    border-radius: calc(0.5 * ${borderRadius});\n    padding: 0 ${spacing};\n    background-color: transparent;\n\n    & + & {\n      margin-inline-start: 0;\n    }\n\n    &[aria-readonly]:enabled {\n      opacity: ${disabledOpacity};\n    }\n\n    &[aria-selected]:enabled {\n      background-color: ${interactive};\n      color: ${light};\n    }\n\n    &:disabled {\n      background-color: ${colors.gray['extra-light']};\n      border-radius: 0;\n    }\n\n    &:focus {\n      outline: none;\n      box-shadow: inset 0 0 0 0.125rem ${colors.blue.light};\n    }\n  `;\n});\n\nStyledPick.defaultProps = defaultThemeProp;\n\nexport const StyledMonthPicker = styled.div(props => {\n  const {\n    theme: {\n      base: {\n        spacing,\n        'border-radius': baseBorderRadius,\n        palette: { 'foreground-color': color }\n      },\n      components: { 'form-control': formControl }\n    }\n  } = props;\n  return css`\n    margin: calc(2 * ${spacing}) calc(0.5 * ${spacing});\n    font-size: 0.875rem;\n\n    ${StyledSelect} {\n      border-radius: calc(${baseBorderRadius} * ${formControl['border-radius']});\n    }\n\n    ${StyledButton} {\n      border-radius: calc(${baseBorderRadius} * ${formControl['border-radius']});\n      border: 0;\n      &:enabled {\n        color: ${color};\n      }\n    }\n  `;\n});\n\nStyledMonthPicker.defaultProps = defaultThemeProp;\n\nexport const StyledDatePicker = styled.div(props => {\n  const {\n    theme: {\n      base: { spacing },\n      components: {\n        'form-control': { 'foreground-color': foreground }\n      }\n    }\n  } = props;\n  return css`\n    width: max-content;\n\n    ${StyledButton} {\n      border: transparent;\n      color: ${foreground};\n    }\n    padding: 0 ${spacing} ${spacing} ${spacing};\n  `;\n});\n\nStyledDatePicker.defaultProps = defaultThemeProp;\n\nexport const StyledColumnLabel = styled.span`\n  text-align: center;\n  margin: 0 auto;\n  font-size: 0.75rem;\n`;\n\nStyledColumnLabel.defaultProps = defaultThemeProp;\n\nexport const ScreenReaderOnly = styled.div`\n  ${hideVisually}\n`;\n\nexport const StyledDay = styled(StyledPick)<{ current: boolean; highlighted: boolean }>(props => {\n  const {\n    theme: {\n      base: {\n        colors,\n        palette: { interactive }\n      }\n    },\n    current,\n    highlighted\n  } = props;\n\n  const highlightedBgColor = tryCatch(() => polishedRgba(interactive, 0.1));\n\n  return css`\n    background-color: ${highlighted ? highlightedBgColor : 'transparent'};\n\n    ${highlighted &&\n    css`\n      border-radius: 0;\n    `}\n\n    ${current &&\n    css`\n      color: ${colors.slate.dark};\n      font-weight: bold;\n    `}\n  `;\n});\n\nStyledDay.defaultProps = defaultThemeProp;\n\nexport const StyledWeekLabel = styled(StyledColumnLabel)(props => {\n  const {\n    theme: {\n      base: { spacing, breakpoints }\n    }\n  } = props;\n\n  return css`\n    margin-inline-end: 0;\n\n    @media (min-width: ${breakpoints.sm}) {\n      margin-inline-end: ${spacing};\n    }\n  `;\n});\n\nStyledWeekLabel.defaultProps = defaultThemeProp;\n\nexport const StyledWeekNumber = styled.span(props => {\n  const {\n    theme: {\n      base: { breakpoints, spacing, colors, 'disabled-opacity': disabledOpacity }\n    }\n  } = props;\n\n  return css`\n    line-height: 2.625rem;\n    padding: 0;\n    margin-inline-end: 0;\n    background-color: ${colors.gray['extra-light']};\n    display: inline-block;\n    opacity: ${disabledOpacity};\n\n    @media (min-width: ${breakpoints.sm}) {\n      padding: 0 ${spacing};\n      margin-inline-end: ${spacing};\n    }\n  `;\n});\n\nStyledWeekNumber.defaultProps = defaultThemeProp;\n\nexport const StyledWeekGrid = styled.table(props => {\n  const {\n    theme: {\n      base: { spacing }\n    }\n  } = props;\n  return css`\n    table-layout: fixed;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    thead {\n      th {\n        padding-bottom: ${spacing};\n      }\n    }\n    ${StyledPick} {\n      margin-inline-end: ${spacing};\n    }\n  `;\n});\n\nStyledWeekGrid.defaultProps = defaultThemeProp;\n\nexport const StyledCalendar = styled.table(props => {\n  const {\n    theme: {\n      base: { 'border-radius': borderRadius, spacing }\n    }\n  } = props;\n  return css`\n    table-layout: fixed;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    th {\n      max-width: 2.625rem;\n    }\n\n    thead {\n      th {\n        padding-bottom: ${spacing};\n      }\n    }\n\n    td {\n      width: 2.625rem;\n      max-width: 2.625rem;\n\n      ${StyledDay} {\n        width: 100%;\n      }\n    }\n\n    tr {\n      &:first-child {\n        ${StyledWeekNumber} {\n          border-radius: calc(0.5 * ${borderRadius}) calc(0.5 * ${borderRadius}) 0 0;\n        }\n      }\n      &:last-child {\n        ${StyledWeekNumber} {\n          border-radius: 0 0 calc(0.5 * ${borderRadius}) calc(0.5 * ${borderRadius});\n        }\n      }\n    }\n  `;\n});\n\nStyledCalendar.defaultProps = defaultThemeProp;\n"]}

package/lib/components/DateTime/Picker/DatePicker.d.ts

@@ -1,5 +0,0 @@
-import { FunctionComponent } from 'react';
-import DatePickerProps from './DatePicker.types';
-declare const DatePicker: FunctionComponent<DatePickerProps>;
-export default DatePicker;
-//# sourceMappingURL=DatePicker.d.ts.map

package/lib/components/DateTime/Picker/DatePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Picker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAavE,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAejD,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA2FlD,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/lib/components/DateTime/Picker/DatePicker.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from 'react';
-import Flex from '../../Flex';
-import MonthInput from '../Input/MonthInput';
-import Button from '../../Button';
-import Icon, { registerIcon } from '../../Icon';
-import * as caretLeftIcon from '../../Icon/icons/caret-left.icon';
-import * as caretRightIcon from '../../Icon/icons/caret-right.icon';
-import { useConfiguration, useDirection, useI18n } from '../../../hooks';
-import { getCalendarTypeFromLocale, toUTCDateString } from '../Input/utils';
-import { CALENDAR_TYPES } from '../Input/local';
-import Calendar from './Calendar';
-import { ScreenReaderOnly, StyledDatePicker, StyledMonthPicker } from './Calendar.styles';
-import { isValidDate } from './utils';
-registerIcon(caretLeftIcon, caretRightIcon);
-const defaultProps = {
-    showWeekNumber: false,
-    mode: 'date'
-};
-function toDateString(date) {
-    return date ? toUTCDateString(date) : undefined;
-}
-const DatePicker = (props) => {
-    const { locale } = useConfiguration();
-    const { selected: initial, onChange, min, max, mode, showWeekNumber, ...restProps } = props;
-    const [selected, setSelected] = useState(initial);
-    const [current, setCurrent] = useState(selected && isValidDate(selected) ? selected : new Date());
-    useEffect(() => {
-        if (toDateString(initial) !== toDateString(selected)) {
-            setSelected(initial);
-            setCurrent(initial || new Date());
-        }
-    }, [toDateString(initial)]);
-    const calendarRef = useRef(null);
-    useEffect(() => {
-        // need to postpone focusing to make sure onFocusWithin has been attached
-        setTimeout(() => {
-            calendarRef.current?.querySelector('button[tabindex="0"]:enabled')?.focus();
-        });
-    }, []);
-    const calendarType = getCalendarTypeFromLocale(locale);
-    const t = useI18n();
-    const { start, end } = useDirection();
-    return (_jsxs(StyledDatePicker, { ...restProps, children: [_jsxs(Flex, { as: StyledMonthPicker, container: { justify: 'between', alignItems: 'center' }, children: [_jsx(Button, { variant: 'simple', icon: true, onClick: () => {
-                            const newCurrent = new Date(current);
-                            newCurrent.setUTCMonth(newCurrent.getUTCMonth() - 1);
-                            setCurrent(newCurrent);
-                        }, "aria-label": t('picker_prev_month'), children: _jsx(Icon, { name: `caret-${start}` }, void 0) }, void 0), _jsx(MonthInput, { value: current, required: true, "aria-label": t('picker_jump_to_month'), onChange: ({ valueAsTimestamp }) => {
-                            const newCurrent = new Date(valueAsTimestamp);
-                            newCurrent.setUTCDate(current.getUTCDate());
-                            setCurrent(newCurrent);
-                        }, min: min, max: max }, void 0), _jsx(ScreenReaderOnly, { "aria-live": 'polite', children: current.toLocaleString(locale, { month: 'long', year: 'numeric', timeZone: 'UTC' }) }, void 0), _jsx(Button, { variant: 'simple', icon: true, onClick: () => {
-                            const newCurrent = new Date(current);
-                            newCurrent.setUTCMonth(newCurrent.getUTCMonth() + 1);
-                            setCurrent(newCurrent);
-                        }, "aria-label": t('picker_next_month'), children: _jsx(Icon, { name: `caret-${end}` }, void 0) }, void 0)] }, void 0), _jsx(Flex, { container: { wrap: 'nowrap' }, dir: 'ltr', children: _jsx(Calendar, { ref: calendarRef, selected: selected && isValidDate(selected) ? selected : undefined, current: current, calendarType: mode === 'date' ? calendarType : CALENDAR_TYPES.ISO_8601, showWeekNumber: showWeekNumber, mode: mode, onFocus: date => {
-                        setCurrent(date);
-                    }, onSelect: date => {
-                        setCurrent(date);
-                        setSelected(date);
-                        onChange?.(date);
-                    }, min: min, max: max }, void 0) }, void 0)] }, void 0));
-};
-DatePicker.defaultProps = defaultProps;
-export default DatePicker;
-//# sourceMappingURL=DatePicker.js.map

package/lib/components/DateTime/Picker/DatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Picker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, useState, useEffect, useRef } from 'react';\n\nimport Flex from '../../Flex';\nimport MonthInput from '../Input/MonthInput';\nimport Button from '../../Button';\nimport Icon, { registerIcon } from '../../Icon';\nimport * as caretLeftIcon from '../../Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '../../Icon/icons/caret-right.icon';\nimport { useConfiguration, useDirection, useI18n } from '../../../hooks';\nimport { getCalendarTypeFromLocale, toUTCDateString } from '../Input/utils';\nimport { CALENDAR_TYPES } from '../Input/local';\n\nimport Calendar from './Calendar';\nimport DatePickerProps from './DatePicker.types';\nimport { ScreenReaderOnly, StyledDatePicker, StyledMonthPicker } from './Calendar.styles';\nimport { isValidDate } from './utils';\n\nregisterIcon(caretLeftIcon, caretRightIcon);\n\nconst defaultProps: Partial<DatePickerProps> = {\n  showWeekNumber: false,\n  mode: 'date'\n};\n\nfunction toDateString(date: Date | undefined) {\n  return date ? toUTCDateString(date) : undefined;\n}\n\nconst DatePicker: FunctionComponent<DatePickerProps> = (props: DatePickerProps) => {\n  const { locale } = useConfiguration();\n  const { selected: initial, onChange, min, max, mode, showWeekNumber, ...restProps } = props;\n\n  const [selected, setSelected] = useState(initial);\n  const [current, setCurrent] = useState(selected && isValidDate(selected) ? selected : new Date());\n\n  useEffect(() => {\n    if (toDateString(initial) !== toDateString(selected)) {\n      setSelected(initial);\n      setCurrent(initial || new Date());\n    }\n  }, [toDateString(initial)]);\n\n  const calendarRef = useRef<HTMLTableElement>(null);\n  useEffect(() => {\n    // need to postpone focusing to make sure onFocusWithin has been attached\n    setTimeout(() => {\n      calendarRef.current?.querySelector<HTMLElement>('button[tabindex=\"0\"]:enabled')?.focus();\n    });\n  }, []);\n\n  const calendarType = getCalendarTypeFromLocale(locale);\n  const t = useI18n();\n  const { start, end } = useDirection();\n\n  return (\n    <StyledDatePicker {...restProps}>\n      <Flex as={StyledMonthPicker} container={{ justify: 'between', alignItems: 'center' }}>\n        <Button\n          variant='simple'\n          icon\n          onClick={() => {\n            const newCurrent = new Date(current);\n            newCurrent.setUTCMonth(newCurrent.getUTCMonth() - 1);\n            setCurrent(newCurrent);\n          }}\n          aria-label={t('picker_prev_month')}\n        >\n          <Icon name={`caret-${start}`} />\n        </Button>\n        <MonthInput\n          value={current}\n          required\n          aria-label={t('picker_jump_to_month')}\n          onChange={({ valueAsTimestamp }) => {\n            const newCurrent = new Date(valueAsTimestamp!);\n            newCurrent.setUTCDate(current.getUTCDate());\n            setCurrent(newCurrent);\n          }}\n          min={min}\n          max={max}\n        />\n        <ScreenReaderOnly aria-live='polite'>\n          {current.toLocaleString(locale, { month: 'long', year: 'numeric', timeZone: 'UTC' })}\n        </ScreenReaderOnly>\n        <Button\n          variant='simple'\n          icon\n          onClick={() => {\n            const newCurrent = new Date(current);\n            newCurrent.setUTCMonth(newCurrent.getUTCMonth() + 1);\n            setCurrent(newCurrent);\n          }}\n          aria-label={t('picker_next_month')}\n        >\n          <Icon name={`caret-${end}`} />\n        </Button>\n      </Flex>\n      <Flex container={{ wrap: 'nowrap' }} dir='ltr'>\n        <Calendar\n          ref={calendarRef}\n          selected={selected && isValidDate(selected) ? selected : undefined}\n          current={current}\n          calendarType={mode === 'date' ? calendarType : CALENDAR_TYPES.ISO_8601}\n          showWeekNumber={showWeekNumber}\n          mode={mode}\n          onFocus={date => {\n            setCurrent(date);\n          }}\n          onSelect={date => {\n            setCurrent(date);\n            setSelected(date);\n            onChange?.(date);\n          }}\n          min={min}\n          max={max}\n        />\n      </Flex>\n    </StyledDatePicker>\n  );\n};\n\nDatePicker.defaultProps = defaultProps;\n\nexport default DatePicker;\n"]}

package/lib/components/DateTime/Picker/DatePicker.types.d.ts

@@ -1,24 +0,0 @@
-import { BaseProps } from '../../../types';
-export default interface DatePickerProps extends BaseProps {
-    /**
-     * Defines default date that will be selected when the Date Picker is opened.
-     */
-    selected?: Date;
-    /** Callback fired when selected value changes. */
-    onChange?: (date: Date) => void;
-    /** Defines minimum available value that can be set by the user. */
-    min?: string | number | Date;
-    /** Defines maximum available value that can be set by the user. */
-    max?: string | number | Date;
-    /**
-     * Displays additional column with week number.
-     * @default false
-     */
-    showWeekNumber?: boolean;
-    /**
-     * The mode of the calendar that will be rendered, ie. whether single date or week are selectable.
-     * @default "date"
-     */
-    mode?: 'date' | 'week';
-}
-//# sourceMappingURL=DatePicker.types.d.ts.map

package/lib/components/DateTime/Picker/DatePicker.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Picker/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,CAAC,OAAO,WAAW,eAAgB,SAAQ,SAAS;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,mEAAmE;IACnE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B,mEAAmE;IACnE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB"}

package/lib/components/DateTime/Picker/DatePicker.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=DatePicker.types.js.map

package/lib/components/DateTime/Picker/DatePicker.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.types.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Picker/DatePicker.types.ts"],"names":[],"mappings":"","sourcesContent":["import { BaseProps } from '../../../types';\n\nexport default interface DatePickerProps extends BaseProps {\n  /**\n   * Defines default date that will be selected when the Date Picker is opened.\n   */\n  selected?: Date;\n  /** Callback fired when selected value changes. */\n  onChange?: (date: Date) => void;\n  /** Defines minimum available value that can be set by the user. */\n  min?: string | number | Date;\n  /** Defines maximum available value that can be set by the user. */\n  max?: string | number | Date;\n  /**\n   * Displays additional column with week number.\n   * @default false\n   */\n  showWeekNumber?: boolean;\n  /**\n   * The mode of the calendar that will be rendered, ie. whether single date or week are selectable.\n   * @default \"date\"\n   */\n  mode?: 'date' | 'week';\n}\n"]}

package/lib/components/DateTime/Picker/DateRangePicker.d.ts

@@ -1,12 +0,0 @@
-import { FunctionComponent } from 'react';
-import DatePickerProps from './DatePicker.types';
-export interface DateRangePickerProps extends DatePickerProps {
-    /** Defines dates range that can be set by the user. */
-    selectedRange?: {
-        startDate: Date | undefined;
-        endDate: Date | undefined;
-    };
-}
-declare const DateRangePicker: FunctionComponent<DateRangePickerProps>;
-export default DateRangePicker;
-//# sourceMappingURL=DateRangePicker.d.ts.map

package/lib/components/DateTime/Picker/DateRangePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Picker/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAYvE,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAOjD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,uDAAuD;IACvD,aAAa,CAAC,EAAE;QAAE,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;QAAC,OAAO,EAAE,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;CAC5E;AAMD,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CAiG5D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/DateTime/Picker/DateRangePicker.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from 'react';
-import Flex from '../../Flex';
-import MonthInput from '../Input/MonthInput';
-import Button from '../../Button';
-import Icon, { registerIcon } from '../../Icon';
-import * as caretLeftIcon from '../../Icon/icons/caret-left.icon';
-import * as caretRightIcon from '../../Icon/icons/caret-right.icon';
-import { useConfiguration, useI18n } from '../../../hooks';
-import { getCalendarTypeFromLocale, toUTCDateString } from '../Input/utils';
-import Calendar from './Calendar';
-import Weeks from './Weeks';
-import { StyledDatePicker, StyledMonthPicker } from './Calendar.styles';
-import { isValidDate } from './utils';
-registerIcon(caretLeftIcon, caretRightIcon);
-function toDateString(date) {
-    return date ? toUTCDateString(date) : undefined;
-}
-const DateRangePicker = (props) => {
-    const { locale } = useConfiguration();
-    const { selected: initial, selectedRange, onChange, min, max, mode, showWeekNumber, ...restProps } = props;
-    const [selected, setSelected] = useState(initial);
-    const [current, setCurrent] = useState(selected && isValidDate(selected) ? selected : new Date());
-    useEffect(() => {
-        if (toDateString(initial) !== toDateString(selected)) {
-            setSelected(initial);
-            setCurrent(initial || new Date());
-        }
-    }, [toDateString(initial)]);
-    const calendarRef = useRef(null);
-    useEffect(() => {
-        // need to postpone focusing to make sure onFocusWithin has been attached
-        setTimeout(() => {
-            calendarRef.current?.querySelector('button[tabindex="0"]:enabled')?.focus();
-        });
-    }, []);
-    const calendarType = getCalendarTypeFromLocale(locale);
-    const t = useI18n();
-    return (_jsxs(StyledDatePicker, { ...restProps, children: [_jsxs(Flex, { as: StyledMonthPicker, container: { justify: 'between', alignItems: 'center' }, children: [_jsx(Button, { variant: 'simple', icon: true, onClick: () => {
-                            const newCurrent = new Date(current);
-                            newCurrent.setUTCMonth(newCurrent.getUTCMonth() - 1);
-                            setCurrent(newCurrent);
-                        }, "aria-label": t('picker_prev_month'), children: _jsx(Icon, { name: 'caret-left' }, void 0) }, void 0), _jsx(MonthInput, { value: current, required: true, "aria-label": t('picker_jump_to_month'), onChange: ({ valueAsTimestamp }) => {
-                            const newCurrent = new Date(valueAsTimestamp);
-                            newCurrent.setUTCDate(current.getUTCDate());
-                            setCurrent(newCurrent);
-                        }, min: min, max: max }, void 0), _jsx(Button, { variant: 'simple', icon: true, onClick: () => {
-                            const newCurrent = new Date(current);
-                            newCurrent.setUTCMonth(newCurrent.getUTCMonth() + 1);
-                            setCurrent(newCurrent);
-                        }, "aria-label": t('picker_next_month'), children: _jsx(Icon, { name: 'caret-right' }, void 0) }, void 0)] }, void 0), _jsxs(Flex, { container: { wrap: 'nowrap' }, children: [showWeekNumber && _jsx(Weeks, { current: current, calendarType: calendarType, disabled: true }, void 0), _jsx(Calendar, { ref: calendarRef, selected: selected && isValidDate(selected) ? selected : undefined, current: current, selectedRange: selectedRange, showHighlight: true, calendarType: calendarType, onFocus: date => {
-                            setCurrent(date);
-                        }, onSelect: date => {
-                            setCurrent(date);
-                            setSelected(date);
-                            onChange?.(date);
-                        }, min: min, max: max }, void 0)] }, void 0)] }, void 0));
-};
-export default DateRangePicker;
-//# sourceMappingURL=DateRangePicker.js.map

package/lib/components/DateTime/Picker/DateRangePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Picker/DateRangePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, useState, useEffect, useRef } from 'react';\n\nimport Flex from '../../Flex';\nimport MonthInput from '../Input/MonthInput';\nimport Button from '../../Button';\nimport Icon, { registerIcon } from '../../Icon';\nimport * as caretLeftIcon from '../../Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '../../Icon/icons/caret-right.icon';\nimport { useConfiguration, useI18n } from '../../../hooks';\nimport { getCalendarTypeFromLocale, toUTCDateString } from '../Input/utils';\n\nimport Calendar from './Calendar';\nimport DatePickerProps from './DatePicker.types';\nimport Weeks from './Weeks';\nimport { StyledDatePicker, StyledMonthPicker } from './Calendar.styles';\nimport { isValidDate } from './utils';\n\nregisterIcon(caretLeftIcon, caretRightIcon);\n\nexport interface DateRangePickerProps extends DatePickerProps {\n  /** Defines dates range that can be set by the user. */\n  selectedRange?: { startDate: Date | undefined; endDate: Date | undefined };\n}\n\nfunction toDateString(date: Date | undefined) {\n  return date ? toUTCDateString(date) : undefined;\n}\n\nconst DateRangePicker: FunctionComponent<DateRangePickerProps> = (props: DateRangePickerProps) => {\n  const { locale } = useConfiguration();\n  const {\n    selected: initial,\n    selectedRange,\n    onChange,\n    min,\n    max,\n    mode,\n    showWeekNumber,\n    ...restProps\n  } = props;\n\n  const [selected, setSelected] = useState(initial);\n  const [current, setCurrent] = useState(selected && isValidDate(selected) ? selected : new Date());\n\n  useEffect(() => {\n    if (toDateString(initial) !== toDateString(selected)) {\n      setSelected(initial);\n      setCurrent(initial || new Date());\n    }\n  }, [toDateString(initial)]);\n\n  const calendarRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    // need to postpone focusing to make sure onFocusWithin has been attached\n    setTimeout(() => {\n      calendarRef.current?.querySelector<HTMLElement>('button[tabindex=\"0\"]:enabled')?.focus();\n    });\n  }, []);\n\n  const calendarType = getCalendarTypeFromLocale(locale);\n  const t = useI18n();\n\n  return (\n    <StyledDatePicker {...restProps}>\n      <Flex as={StyledMonthPicker} container={{ justify: 'between', alignItems: 'center' }}>\n        <Button\n          variant='simple'\n          icon\n          onClick={() => {\n            const newCurrent = new Date(current);\n            newCurrent.setUTCMonth(newCurrent.getUTCMonth() - 1);\n            setCurrent(newCurrent);\n          }}\n          aria-label={t('picker_prev_month')}\n        >\n          <Icon name='caret-left' />\n        </Button>\n        <MonthInput\n          value={current}\n          required\n          aria-label={t('picker_jump_to_month')}\n          onChange={({ valueAsTimestamp }) => {\n            const newCurrent = new Date(valueAsTimestamp!);\n            newCurrent.setUTCDate(current.getUTCDate());\n            setCurrent(newCurrent);\n          }}\n          min={min}\n          max={max}\n        />\n        <Button\n          variant='simple'\n          icon\n          onClick={() => {\n            const newCurrent = new Date(current);\n            newCurrent.setUTCMonth(newCurrent.getUTCMonth() + 1);\n            setCurrent(newCurrent);\n          }}\n          aria-label={t('picker_next_month')}\n        >\n          <Icon name='caret-right' />\n        </Button>\n      </Flex>\n      <Flex container={{ wrap: 'nowrap' }}>\n        {showWeekNumber && <Weeks current={current} calendarType={calendarType} disabled />}\n        <Calendar\n          ref={calendarRef}\n          selected={selected && isValidDate(selected) ? selected : undefined}\n          current={current}\n          selectedRange={selectedRange}\n          showHighlight\n          calendarType={calendarType}\n          onFocus={date => {\n            setCurrent(date);\n          }}\n          onSelect={date => {\n            setCurrent(date);\n            setSelected(date);\n            onChange?.(date);\n          }}\n          min={min}\n          max={max}\n        />\n      </Flex>\n    </StyledDatePicker>\n  );\n};\n\nexport default DateRangePicker;\n"]}

package/lib/components/DateTime/Picker/TimePicker.d.ts

@@ -1,25 +0,0 @@
-import { FunctionComponent } from 'react';
-import { BaseProps, ForwardProps } from '../../../types';
-import { ClockFormat } from '../Input/utils';
-export declare type MinuteInterval = 15 | 30 | 60;
-export interface TimePickerProps extends BaseProps {
-    /**
-     * Defines default time that will be selected when the Time Picker is opened.
-     * @default new Date()
-     */
-    selected?: Date;
-    /** Callback fired when selected value changes. */
-    onSelect?: (date: Date) => void;
-    /**
-     * Defines interval for time picker options (in minutes).
-     * @default 30
-     */
-    interval?: MinuteInterval;
-    /**
-     * Defines clock format that overrides locale based format
-     */
-    clockFormat?: ClockFormat;
-}
-declare const TimePicker: FunctionComponent<TimePickerProps & ForwardProps>;
-export default TimePicker;
-//# sourceMappingURL=TimePicker.d.ts.map

package/lib/components/DateTime/Picker/TimePicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Picker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAE,SAAS,EAAU,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGjE,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AAI/D,oBAAY,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAqDD,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAsEjE,CAAC;AAEF,eAAe,UAAU,CAAC"}