@semcore/date-picker 2.8.3 → 3.0.0

package/lib/es6/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.jsx"],"names":["React","dayjs","Component","Root","sstyled","Dropdown","Box","Button","ChevronLeft","ChevronRight","callAllEventHandlers","ButtonTrigger","Trigger","Popper","props","SPopper","styles","Header","SHeader","Title","Children","STitle","Prev","defaultProps","children","Next","stylesBtn","Period","period","value","compareMonth","monthOne","monthTwo","isSame","Array","isArray","length","SPeriod","asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","map","i","onClick","onMouseEnter","onMouseLeave","other","getActiveControl","toDate","Date"],"mappings":"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","sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\n\nexport function Trigger() {\n  return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function Popper(props) {\n  const SPopper = Root;\n  return sstyled(props.styles)(\n    <SPopper render={Dropdown.Popper} role=\"region\" aria-label=\"calendar-container\" />,\n  );\n}\n\nexport function Header(props) {\n  const SHeader = Root;\n  return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n  const STitle = Root;\n  return sstyled(styles)(\n    <STitle render={Box}>\n      <Children />\n    </STitle>,\n  );\n};\n\nexport function Prev() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Prev period\"\n    />\n  );\n}\n\nPrev.defaultProps = {\n  children: <ChevronLeft />,\n};\n\nexport function Next() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Next period\"\n    />\n  );\n}\n\nNext.defaultProps = {\n  children: <ChevronRight />,\n};\n\nconst stylesBtn = sstyled.css`\n  SInner {\n    justify-content: flex-start;\n  }\n`;\n\nexport class Period extends Component {\n  getActiveControl = (period = [], value) => {\n    function compareMonth(monthOne, monthTwo) {\n      return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n    }\n\n    if (!period || !value) return false;\n    if (Array.isArray(value) && period.length !== value.length) return false;\n    if (Array.isArray(value)) {\n      return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n    }\n\n    return compareMonth(period[0], value);\n  };\n\n  render() {\n    const SPeriod = Root;\n    const { styles, value, onChange, periods, onHighlightedChange, onDisplayedPeriodChange } =\n      this.asProps;\n\n    return sstyled(styles)(\n      <SPeriod render={Box}>\n        {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n          <Button\n            use=\"tertiary\"\n            theme=\"muted\"\n            styles={stylesBtn}\n            key={i}\n            active={this.getActiveControl(period, value)}\n            onClick={callAllEventHandlers(onClick, () => onChange(period))}\n            onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n              onHighlightedChange(period);\n              onDisplayedPeriodChange(dayjs(period[0]).toDate());\n            })}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n              onHighlightedChange([]);\n              onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n            })}\n            {...other}\n          />\n        ))}\n      </SPeriod>,\n    );\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/index.jsx"],"names":["React","dayjs","Component","Root","sstyled","Dropdown","Box","Button","ChevronLeft","ChevronRight","callAllEventHandlers","ButtonTrigger","Trigger","Popper","props","SPopper","styles","Header","SHeader","Title","Children","STitle","Prev","defaultProps","children","Next","stylesBtn","Period","period","value","compareMonth","monthOne","monthTwo","isSame","Array","isArray","length","SPeriod","asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","map","i","onClick","onMouseEnter","onMouseLeave","other","getActiveControl","toDate","Date"],"mappings":"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","sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\n\nexport function Trigger() {\n  return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function Popper(props) {\n  const SPopper = Root;\n  return sstyled(props.styles)(\n    <SPopper render={Dropdown.Popper} role=\"region\" aria-label=\"calendar-container\" />,\n  );\n}\n\nexport function Header(props) {\n  const SHeader = Root;\n  return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n  const STitle = Root;\n  return sstyled(styles)(\n    <STitle render={Box}>\n      <Children />\n    </STitle>,\n  );\n};\n\nexport function Prev() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Prev period\"\n    />\n  );\n}\n\nPrev.defaultProps = {\n  children: <ChevronLeft />,\n};\n\nexport function Next() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Next period\"\n    />\n  );\n}\n\nNext.defaultProps = {\n  children: <ChevronRight />,\n};\n\nconst stylesBtn = sstyled.css`\n  SInner {\n    justify-content: flex-start;\n  }\n`;\n\nexport class Period extends Component {\n  getActiveControl = (period = [], value) => {\n    function compareMonth(monthOne, monthTwo) {\n      return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n    }\n\n    if (!period || !value) return false;\n    if (Array.isArray(value) && period.length !== value.length) return false;\n    if (Array.isArray(value)) {\n      return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n    }\n\n    return compareMonth(period[0], value);\n  };\n\n  render() {\n    const SPeriod = Root;\n    const { styles, value, onChange, periods, onHighlightedChange, onDisplayedPeriodChange } =\n      this.asProps;\n\n    return sstyled(styles)(\n      <SPeriod render={Box}>\n        {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n          <Button\n            use=\"tertiary\"\n            theme=\"muted\"\n            styles={stylesBtn}\n            key={i}\n            active={this.getActiveControl(period, value)}\n            onClick={callAllEventHandlers(onClick, () => onChange(period))}\n            onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n              onHighlightedChange(period);\n              onDisplayedPeriodChange(dayjs(period[0]).toDate());\n            })}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n              onHighlightedChange([]);\n              onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n            })}\n            {...other}\n          />\n        ))}\n      </SPeriod>,\n    );\n  }\n}\n"],"file":"index.js"}

package/lib/es6/index.d.ts

@@ -0,0 +1,355 @@
+import React, { ComponentProps } from 'react';
+import dayjs from 'dayjs';
+import { Box, IBoxProps } from '@semcore/flex-box';
+import Button from '@semcore/button';
+import { CProps, Merge, PropGetterFn, ReturnEl } from '@semcore/core';
+import Dropdown, { IDropdownProps } from '@semcore/dropdown';
+import { IWithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';
+import BaseTrigger from '@semcore/base-trigger';
+
+export type DateConstructorParams = string | number | Date;
+
+export interface ICalendarProps extends IBoxProps {
+  /**
+   * Locale for displaying the days of a week and months, to be transferred to `Intl`
+   * @default en
+   * */
+  locale?: NavigatorLanguage['language'];
+  /**
+   * Array of dates blocked for selection
+   * Accepts the date, the range of dates or `falsICalendarPropse` for specifying infinity ([Date | false, Date | false]), crontab( 6,7)
+   * */
+  disabled?: (Date | (Date | false)[] | string)[];
+  /**
+   * @ignore
+   * */
+  highlighted?: DateConstructorParams[];
+  /**
+   * @ignore
+   * */
+  onHighlightedChange?: (date: Date[]) => void;
+  /**
+   * The selected date, accepts everything which is accepted by `new Date()`
+   * */
+  value?: DateConstructorParams[];
+  /**
+   * To be activated upon selecting the date
+   * */
+  onChange?: (date: Date[]) => void;
+  /**
+   * Date for showing the necessary month
+   * @default new Date()
+   * */
+  displayedPeriod?: Date;
+}
+
+export interface ICalendarDaysContext {
+  days: ICalendarUnitProps[];
+}
+
+export interface ICalendarMonthsContext {
+  months: ICalendarUnitProps[];
+}
+
+export interface ICalendarUnitProps extends IBoxProps {
+  selected?: boolean;
+  outdated?: boolean;
+  disabled?: boolean;
+  today?: boolean;
+  startSelected?: boolean;
+  endSelected?: boolean;
+  highlighted?: boolean;
+  startHighlighted?: boolean;
+  endHighlighted?: boolean;
+  children?: React.ReactNode;
+}
+
+export interface ICalendarContext {
+  getUnitProps: PropGetterFn;
+}
+
+declare const Calendar: (<T>(
+  props: CProps<ICalendarProps & T, ICalendarContext, IAbstractDatePickerHandlers>,
+) => ReturnEl) & {
+  Unit: <T>(props: ICalendarUnitProps & T) => ReturnEl;
+};
+
+export interface IDatePickerProps extends IDropdownProps, IWithI18nEnhanceProps {
+  /**
+   * The selected date, accepts everything which is accepted by `new Date()`
+   * */
+  value?: DateConstructorParams;
+  /**
+   * To be activated upon selecting the date
+   * */
+  onChange?: (date: Date) => void;
+  /**
+   * Array of dates blocked for selection
+   * */
+  disabled?: (Date | (Date | false)[] | string)[];
+  /**
+   * Date for showing the necessary month
+   * @default new Date()
+   * */
+  displayedPeriod?: DateConstructorParams;
+  /**
+   * To be activated upon changing the current shown month
+   * */
+  onDisplayedPeriodChange?: (date: Date) => void;
+  /**
+   * Component size
+   * @default m
+   */
+  size?: 'm' | 'l';
+  /**
+   * The selected date, accepts everything which is accepted by `new Date()`
+   * */
+  highlighted?: DateConstructorParams[];
+  /**
+   * Default value selected date, accepts everything which is accepted by `new Date()`
+   * */
+  defaultValue?: DateConstructorParams;
+  /**
+   * Default value date for showing the necessary month
+   * */
+  defaultDisplayedPeriod?: DateConstructorParams;
+  /**
+   * Default value selected date, accepts everything which is accepted by `new Date()`
+   * */
+  defaultHighlighted?: DateConstructorParams[];
+}
+
+export interface IDateRangePickerProps extends IDropdownProps, IWithI18nEnhanceProps {
+  /**
+   * The selected date, accepts everything which is accepted by `new Date()`
+   * */
+  value?: DateConstructorParams[];
+  /**
+   * Default value selected date, accepts everything which is accepted by `new Date()`
+   * */
+  defaultValue?: DateConstructorParams[];
+  /**
+   * Default value date for showing the necessary month
+   * */
+  defaultDisplayedPeriod?: DateConstructorParams;
+  /**
+   * Default value selected date, accepts everything which is accepted by `new Date()`
+   * */
+  defaultHighlighted?: DateConstructorParams[];
+  /**
+   * To be activated upon selecting the date
+   * */
+  onChange?: (date: Date[]) => void;
+  /**
+   * Array of dates blocked for selection
+   * */
+  disabled?: (Date | (Date | false)[] | string)[];
+  /**
+   * Date for showing the necessary month
+   * @default new Date()
+   * */
+  displayedPeriod?: DateConstructorParams;
+  /**
+   * To be activated upon changing the current shown month
+   * */
+  onDisplayedPeriodChange?: (date: Date) => void;
+  /**
+   * Component size
+   * @default m
+   */
+  size?: 'm' | 'l' | 'xl';
+  /**
+   * The selected date, accepts everything which is accepted by `new Date()`
+   * */
+  highlighted?: DateConstructorParams[];
+  /**
+   * Remove the 'Reset' button
+   * */
+  unclearable?: boolean;
+  /**
+   * To be activated upon selecting the date
+   * */
+  onHighlightedChange?: (date: Date[]) => void;
+  /**
+   * Array of periods
+   * [{value: [new Date(), new Date()], children: "Today"}]
+   * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month
+   * */
+  periods?: (ComponentProps<typeof Button> & { value: Date[] })[];
+}
+
+export interface IDateRangePickerPeriodProps extends IBoxProps {
+  /**
+   * Current selected period
+   * */
+  value?: DateConstructorParams[];
+  /**
+   * To be activated by clicking the button for switching the selected period.
+   * */
+  onChange?: (date: Date[]) => void;
+  /**
+   * To be activated by hovering a cursor over the button for changing the current displayed month.
+   * */
+  onDisplayedPeriodChange?: (date: Date) => void;
+  /**
+   * To be activated by hovering a cursor over the button for selecting the dates.
+   * */
+  onHighlightedChange?: (date: Date[]) => void;
+  /**
+   * Array of periods
+   * [{value: [new Date(), new Date()], children: "Today"}]
+   * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month
+   * */
+  periods?: (ComponentProps<typeof Button> & { value: Date[] })[];
+}
+
+export interface IDatePickerContext {
+  getTriggerProps: PropGetterFn;
+  getPopperProps: PropGetterFn;
+  getHeaderProps: PropGetterFn;
+  getTitleProps: PropGetterFn;
+  getNextProps: PropGetterFn;
+  getPrevProps: PropGetterFn;
+  getCalendarProps: PropGetterFn;
+  getTodayProps: PropGetterFn;
+}
+
+export interface IAbstractDatePickerHandlers {
+  displayedPeriod: (value: DateConstructorParams) => void;
+  visible: (index: boolean) => void;
+  highlighted: (list: DateConstructorParams[]) => void;
+  value: (index: DateConstructorParams) => void;
+}
+
+export interface IDatePickerHandlers {
+  visible: (index: boolean) => void;
+}
+
+declare const DatePicker: ((
+  props: CProps<IDatePickerProps, IDatePickerContext & ICalendarDaysContext, IDatePickerHandlers>,
+) => ReturnEl) & {
+  Trigger: (<T>(
+    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,
+  ) => ReturnEl) & {
+    Addon: typeof BaseTrigger.Addon;
+    Text: typeof BaseTrigger.Text;
+  };
+  Popper: typeof Dropdown.Popper;
+  Header: typeof Box;
+  Title: <T>(props: CProps<IDatePickerProps & IBoxProps & T, IDatePickerContext>) => ReturnEl;
+  Prev: typeof Button;
+  Next: typeof Button;
+  Calendar: typeof Calendar;
+  Today: typeof Box;
+  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
+  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
+};
+
+export interface IDateRangePickerContext {
+  getTriggerProps: PropGetterFn;
+  getPopperProps: PropGetterFn;
+  getHeaderProps: PropGetterFn;
+  getTitleProps: PropGetterFn;
+  getNextProps: PropGetterFn;
+  getPrevProps: PropGetterFn;
+  getCalendarProps: PropGetterFn;
+  getPeriodProps: PropGetterFn;
+}
+
+declare const DateRangePicker: ((
+  props: CProps<
+    IDateRangePickerProps,
+    IDateRangePickerContext & ICalendarDaysContext,
+    IDatePickerHandlers
+  >,
+) => ReturnEl) & {
+  Trigger: (<T>(
+    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,
+  ) => ReturnEl) & {
+    Addon: typeof BaseTrigger.Addon;
+    Text: typeof BaseTrigger.Text;
+  };
+  Popper: <T>(props: ComponentProps<typeof Dropdown.Popper> & T) => ReturnEl;
+  Header: typeof Box;
+  Title: <T>(
+    props: CProps<IDateRangePickerProps & IBoxProps & T, IDateRangePickerContext>,
+  ) => ReturnEl;
+  Prev: typeof Button;
+  Next: typeof Button;
+  Calendar: typeof Calendar;
+  Period: <T>(props: IDateRangePickerPeriodProps & T) => ReturnEl;
+  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
+  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
+};
+
+export interface IMonthPickerContext {
+  getTriggerProps: PropGetterFn;
+  getPopperProps: PropGetterFn;
+  getHeaderProps: PropGetterFn;
+  getTitleProps: PropGetterFn;
+  getNextProps: PropGetterFn;
+  getPrevProps: PropGetterFn;
+  getCalendarProps: PropGetterFn;
+}
+
+declare const MonthPicker: ((
+  props: CProps<
+    IDatePickerProps,
+    IMonthPickerContext & ICalendarMonthsContext,
+    IDatePickerHandlers
+  >,
+) => ReturnEl) & {
+  Trigger: (<T>(
+    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,
+  ) => ReturnEl) & {
+    Addon: typeof BaseTrigger.Addon;
+    Text: typeof BaseTrigger.Text;
+  };
+  Popper: typeof Dropdown.Popper;
+  Header: typeof Box;
+  Title: <T>(props: CProps<IDatePickerProps & IBoxProps & T, IMonthPickerContext>) => ReturnEl;
+  Prev: typeof Button;
+  Next: typeof Button;
+  Calendar: typeof Calendar;
+  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
+  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
+};
+
+export interface IMonthRangePickerContext {
+  getTriggerProps: PropGetterFn;
+  getPopperProps: PropGetterFn;
+  getHeaderProps: PropGetterFn;
+  getTitleProps: PropGetterFn;
+  getNextProps: PropGetterFn;
+  getPrevProps: PropGetterFn;
+  getCalendarProps: PropGetterFn;
+  getPeriodProps: PropGetterFn;
+}
+
+declare const MonthRangePicker: ((
+  props: CProps<
+    IDateRangePickerProps,
+    IMonthRangePickerContext & ICalendarMonthsContext,
+    IDatePickerHandlers
+  >,
+) => ReturnEl) & {
+  Trigger: (<T>(
+    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,
+  ) => ReturnEl) & {
+    Addon: typeof BaseTrigger.Addon;
+    Text: typeof BaseTrigger.Text;
+  };
+  Popper: typeof Dropdown.Popper;
+  Header: typeof Box;
+  Title: <T>(
+    props: CProps<IDateRangePickerProps & IBoxProps & T, IMonthRangePickerContext>,
+  ) => ReturnEl;
+  Prev: typeof Button;
+  Next: typeof Button;
+  Calendar: typeof Calendar;
+  Period: <T>(props: IDateRangePickerPeriodProps & T) => ReturnEl;
+  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
+  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
+};
+
+export { DatePicker, DateRangePicker, MonthPicker, MonthRangePicker };

package/lib/es6/index.js

@@ -1,9 +1,6 @@
 export { default as DatePicker } from './DatePicker';
 export * from './DatePicker';
 export { default as DateRangePicker } from './DateRangePicker';
-export * from './DateRangePicker';
 export { default as MonthPicker } from './MonthPicker';
-export * from './MonthPicker';
 export { default as MonthRangePicker } from './MonthRangePicker';
-export * from './MonthRangePicker';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":["default","DatePicker","DateRangePicker","MonthPicker","MonthRangePicker"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC;AACA,cAAc,cAAd;AAEA,SAASD,OAAO,IAAIE,eAApB,QAA2C,mBAA3C;AACA,cAAc,mBAAd;AAEA,SAASF,OAAO,IAAIG,WAApB,QAAuC,eAAvC;AACA,cAAc,eAAd;AAEA,SAASH,OAAO,IAAII,gBAApB,QAA4C,oBAA5C;AACA,cAAc,oBAAd","sourcesContent":["export { default as DatePicker } from './DatePicker';\nexport * from './DatePicker';\n\nexport { default as DateRangePicker } from './DateRangePicker';\nexport * from './DateRangePicker';\n\nexport { default as MonthPicker } from './MonthPicker';\nexport * from './MonthPicker';\n\nexport { default as MonthRangePicker } from './MonthRangePicker';\nexport * from './MonthRangePicker';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":["default","DatePicker","DateRangePicker","MonthPicker","MonthRangePicker"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC;AACA,cAAc,cAAd;AAEA,SAASD,OAAO,IAAIE,eAApB,QAA2C,mBAA3C;AAEA,SAASF,OAAO,IAAIG,WAApB,QAAuC,eAAvC;AAEA,SAASH,OAAO,IAAII,gBAApB,QAA4C,oBAA5C","sourcesContent":["export { default as DatePicker } from './DatePicker';\nexport * from './DatePicker';\n\nexport { default as DateRangePicker } from './DateRangePicker';\n\nexport { default as MonthPicker } from './MonthPicker';\n\nexport { default as MonthRangePicker } from './MonthRangePicker';\n"],"file":"index.js"}

package/lib/es6/style/calendar.shadow.css

@@ -29,8 +29,8 @@ SWeekDay {
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--gray60);
-  font-size: var(--fs-100);
+  color: var(--gray-500);
+  font-size: var(--fs-200);
   font-weight: 400;
   overflow: hidden;
 }
@@ -43,7 +43,7 @@ SCalendarUnit {
   text-align: center;
   vertical-align: middle;
   border: 1px solid transparent;
-  color: var(--gray20);
+  color: var(--gray-800);
   outline: 0;
   box-shadow: none;
   overflow: visible;
@@ -53,11 +53,11 @@ SCalendarUnit {
   background: transparent;
 
   align-items: center;
-  border-radius: 4px;
+  border-radius: var(--rounded-m);
   box-sizing: border-box;
   cursor: pointer;
   display: flex;
-  font-size: 12px;
+  font-size: var(--fs-200);
   justify-content: center;
   min-height: 32px;
   min-width: 32px;
@@ -66,12 +66,12 @@ SCalendarUnit {
   outline: none;
 
   &:hover {
-    color: var(--gray20);
-    background: color-mod(var(--stone) alpha(20%));
+    color: var(--gray-800);
+    background: var(--gray-100);
   }
 
   &:focus-visible {
-    box-shadow: var(--keyborad-focus);
+    box-shadow: var(--keyboard-focus);
   }
 }
 
@@ -80,13 +80,13 @@ SCalendarUnit[today] {
     content: '';
     position: absolute;
     display: block;
-    top: 2px;
-    left: 2px;
-    border-radius: 3px;
-    width: calc(100% - 4px);
-    height: calc(100% - 4px);
+    top: 1px;
+    left: 1px;
+    border-radius: var(--rounded-m);
+    width: calc(100% - 2px);
+    height: calc(100% - 2px);
     box-sizing: border-box;
-    border: 1px solid color-mod(black alpha(20%));
+    border: 1px solid var(--gray-200);
   }
 }
 
@@ -98,79 +98,83 @@ SCalendarUnit[today]SCalendarUnit[endSelected] {
 }
 
 SCalendarUnit[selected] {
-  background: color-mod(var(--light-blue) alpha(10%));
+  background: var(--blue-100);
   border-radius: 0;
-  color: var(--gray20);
+  color: var(--gray-800);
 
   &:hover {
-    background: color-mod(var(--light-blue) alpha(30%));
+    background: var(--blue-400);
   }
 }
 
 SCalendarUnit[highlighted] {
-  background: color-mod(var(--light-blue) alpha(20%));
+  background: color-mod(var(--blue-400) alpha(20%));
   border-radius: 0;
-  color: var(--gray20);
+  color: var(--gray-800);
 
   &:hover {
-    background: color-mod(var(--light-blue) alpha(30%));
+    background: color-mod(var(--blue-400) alpha(30%));
   }
 }
 
 SCalendarUnit[startSelected] {
-  background: var(--light-blue);
-  border-bottom-left-radius: 4px;
+  border-bottom-left-radius: var(--rounded-m);
   border-bottom-right-radius: 0;
-  border-top-left-radius: 4px;
+  border-top-left-radius: var(--rounded-m);
   border-top-right-radius: 0;
   color: white;
+  background: var(--blue-300);
 
   &:hover {
     color: white;
-    background: color-mod(var(--light-blue) shade(12%));
+    background: var(--blue-400);
   }
 }
 
 SCalendarUnit[endSelected] {
-  background: var(--light-blue);
+  background: var(--blue-300);
   border-bottom-left-radius: 0;
-  border-bottom-right-radius: 4px;
+  border-bottom-right-radius: var(--rounded-m);
   border-top-left-radius: 0;
-  border-top-right-radius: 4px;
+  border-top-right-radius: var(--rounded-m);
   color: white;
 
   &:hover {
     color: white;
-    background: color-mod(var(--light-blue) shade(12%));
+    background: var(--blue-400);
   }
 }
 
 SCalendarUnit[startHighlighted] {
-  border-bottom-left-radius: 4px;
+  border-bottom-left-radius: var(--rounded-m);
   border-bottom-right-radius: 0;
-  border-top-left-radius: 4px;
+  border-top-left-radius: var(--rounded-m);
   border-top-right-radius: 0;
 }
 
 SCalendarUnit[endHighlighted] {
   border-bottom-left-radius: 0;
-  border-bottom-right-radius: 4px;
+  border-bottom-right-radius: var(--rounded-m);
   border-top-left-radius: 0;
-  border-top-right-radius: 4px;
+  border-top-right-radius: var(--rounded-m);
 }
 
 SCalendarUnit[startHighlighted]SCalendarUnit[endHighlighted] {
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+  border-bottom-left-radius: var(--rounded-m);
+  border-bottom-right-radius: var(--rounded-m);
+  border-top-left-radius: var(--rounded-m);
+  border-top-right-radius: var(--rounded-m);
 }
 
 SCalendarUnit[startSelected]SCalendarUnit[endSelected] {
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+  border-bottom-left-radius: var(--rounded-m);
+  border-bottom-right-radius: var(--rounded-m);
+  border-top-left-radius: var(--rounded-m);
+  border-top-right-radius: var(--rounded-m);
+}
+
+SCalendarUnit[outdated] {
+  opacity: 0.2;
 }
 
 SCalendarUnit[disabled] {
@@ -179,10 +183,6 @@ SCalendarUnit[disabled] {
   pointer-events: none;
 }
 
-SCalendarUnit[outdated] {
-  opacity: 0.2;
-}
-
 @media (prefers-reduced-motion) {
   SCalendarUnit {
     transition: none;

package/lib/es6/style/date-picker.shadow.css

@@ -17,16 +17,18 @@ SPopper {
   }
 
   &:focus {
-    box-shadow: var(--keyborad-focus);
+    box-shadow: var(--keyboard-focus);
   }
 }
 
 SHeader {
   display: flex;
+  align-items: center;
 }
 
 STitle {
-  font-size: var(--fs-100);
+  font-size: var(--fs-200);
+  color: var(--gray-800);
   height: 32px;
   width: 100%;
   display: flex;

package/lib/es6/utils/shortDateRangeFormat.js

@@ -60,6 +60,7 @@ export default function shortDateRangeFormat(dates, _ref) {
     }
 
     if (isSimilarYear) {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var year = options.year,
           newOptions = _objectWithoutProperties(options, _excluded2);
 

package/lib/es6/utils/shortDateRangeFormat.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/shortDateRangeFormat.js"],"names":["dayjs","getDayJSLocale","locale","includes","shortDateRangeFormat","dates","options","Intl","DateTimeFormat","format","normalizeDates","map","date","toDate","monthsYears","month","year","length","isSimilarDay","isSimilarMonth","isSimilarYear","day","getDate","getFullYear","newOptions"],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\n\nfunction getDayJSLocale(locale) {\n  if (locale.includes('en') || locale.includes('ja')) {\n    return 'en';\n  }\n  return 'ru';\n}\n\nexport default function shortDateRangeFormat(dates, { locale = 'en-US', ...options }) {\n  const { format } = new Intl.DateTimeFormat(locale, options);\n  const normalizeDates = dates.map((date) => dayjs(date).toDate());\n  const monthsYears = dates.map((date) => [\n    dayjs(date).date(),\n    dayjs(date).month(),\n    dayjs(date).year(),\n  ]);\n\n  if (monthsYears.length > 1) {\n    const isSimilarDay = monthsYears[0][0] === monthsYears[1][0];\n    const isSimilarMonth = monthsYears[0][1] === monthsYears[1][1];\n    const isSimilarYear = monthsYears[0][2] === monthsYears[1][2];\n\n    if (isSimilarMonth && isSimilarYear && !options.day) {\n      return format(normalizeDates[0]);\n    }\n    if (isSimilarMonth && isSimilarYear) {\n      if (getDayJSLocale(locale) === 'en') {\n        if (isSimilarDay) {\n          return `${new Intl.DateTimeFormat(locale, { month: options.month }).format(\n            normalizeDates[0],\n          )} ${normalizeDates[0].getDate()}, ${normalizeDates[0].getFullYear()}`;\n        }\n        return `${new Intl.DateTimeFormat(locale, { month: options.month }).format(\n          normalizeDates[0],\n        )} ${normalizeDates[0].getDate()} - ${normalizeDates[1].getDate()}, ${normalizeDates[0].getFullYear()}`;\n      }\n      if (isSimilarDay) {\n        return `${normalizeDates[0].getDate()} ${new Intl.DateTimeFormat(locale, {\n          month: options.month,\n        }).format(normalizeDates[0])} ${normalizeDates[0].getFullYear()}`;\n      }\n      return `${normalizeDates[0].getDate()} - ${normalizeDates[1].getDate()} ${new Intl.DateTimeFormat(\n        locale,\n        { month: options.month },\n      ).format(normalizeDates[0])} ${normalizeDates[0].getFullYear()}`;\n    }\n\n    if (isSimilarYear) {\n      const { year, ...newOptions } = options;\n      if (getDayJSLocale(locale) === 'en') {\n        return `${new Intl.DateTimeFormat(locale, newOptions).format(\n          normalizeDates[0],\n        )} - ${new Intl.DateTimeFormat(locale, newOptions).format(\n          normalizeDates[1],\n        )}, ${normalizeDates[0].getFullYear()}`;\n      }\n      return `${new Intl.DateTimeFormat(locale, newOptions).format(\n        normalizeDates[0],\n      )} - ${new Intl.DateTimeFormat(locale, newOptions).format(\n        normalizeDates[1],\n      )} ${normalizeDates[0].getFullYear()}`;\n    }\n\n    return `${format(normalizeDates[0])} - ${format(normalizeDates[1])}`;\n  }\n\n  return format(normalizeDates[0]);\n}\n"],"file":"shortDateRangeFormat.js"}
+{"version":3,"sources":["../../../src/utils/shortDateRangeFormat.js"],"names":["dayjs","getDayJSLocale","locale","includes","shortDateRangeFormat","dates","options","Intl","DateTimeFormat","format","normalizeDates","map","date","toDate","monthsYears","month","year","length","isSimilarDay","isSimilarMonth","isSimilarYear","day","getDate","getFullYear","newOptions"],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\n\nfunction getDayJSLocale(locale) {\n  if (locale.includes('en') || locale.includes('ja')) {\n    return 'en';\n  }\n  return 'ru';\n}\n\nexport default function shortDateRangeFormat(dates, { locale = 'en-US', ...options }) {\n  const { format } = new Intl.DateTimeFormat(locale, options);\n  const normalizeDates = dates.map((date) => dayjs(date).toDate());\n  const monthsYears = dates.map((date) => [\n    dayjs(date).date(),\n    dayjs(date).month(),\n    dayjs(date).year(),\n  ]);\n\n  if (monthsYears.length > 1) {\n    const isSimilarDay = monthsYears[0][0] === monthsYears[1][0];\n    const isSimilarMonth = monthsYears[0][1] === monthsYears[1][1];\n    const isSimilarYear = monthsYears[0][2] === monthsYears[1][2];\n\n    if (isSimilarMonth && isSimilarYear && !options.day) {\n      return format(normalizeDates[0]);\n    }\n    if (isSimilarMonth && isSimilarYear) {\n      if (getDayJSLocale(locale) === 'en') {\n        if (isSimilarDay) {\n          return `${new Intl.DateTimeFormat(locale, { month: options.month }).format(\n            normalizeDates[0],\n          )} ${normalizeDates[0].getDate()}, ${normalizeDates[0].getFullYear()}`;\n        }\n        return `${new Intl.DateTimeFormat(locale, { month: options.month }).format(\n          normalizeDates[0],\n        )} ${normalizeDates[0].getDate()} - ${normalizeDates[1].getDate()}, ${normalizeDates[0].getFullYear()}`;\n      }\n      if (isSimilarDay) {\n        return `${normalizeDates[0].getDate()} ${new Intl.DateTimeFormat(locale, {\n          month: options.month,\n        }).format(normalizeDates[0])} ${normalizeDates[0].getFullYear()}`;\n      }\n      return `${normalizeDates[0].getDate()} - ${normalizeDates[1].getDate()} ${new Intl.DateTimeFormat(\n        locale,\n        { month: options.month },\n      ).format(normalizeDates[0])} ${normalizeDates[0].getFullYear()}`;\n    }\n\n    if (isSimilarYear) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { year, ...newOptions } = options;\n      if (getDayJSLocale(locale) === 'en') {\n        return `${new Intl.DateTimeFormat(locale, newOptions).format(\n          normalizeDates[0],\n        )} - ${new Intl.DateTimeFormat(locale, newOptions).format(\n          normalizeDates[1],\n        )}, ${normalizeDates[0].getFullYear()}`;\n      }\n      return `${new Intl.DateTimeFormat(locale, newOptions).format(\n        normalizeDates[0],\n      )} - ${new Intl.DateTimeFormat(locale, newOptions).format(\n        normalizeDates[1],\n      )} ${normalizeDates[0].getFullYear()}`;\n    }\n\n    return `${format(normalizeDates[0])} - ${format(normalizeDates[1])}`;\n  }\n\n  return format(normalizeDates[0]);\n}\n"],"file":"shortDateRangeFormat.js"}

package/lib/types/index.d.ts

@@ -100,7 +100,7 @@ export interface IDatePickerProps extends IDropdownProps, IWithI18nEnhanceProps
    * Component size
    * @default m
    */
-  size?: 'm' | 'l' | 'xl';
+  size?: 'm' | 'l';
   /**
    * The selected date, accepts everything which is accepted by `new Date()`
    * */