Skip to content

Latest commit

 

History

History
433 lines (316 loc) · 13.2 KB

CHANGELOG.md

File metadata and controls

433 lines (316 loc) · 13.2 KB

@leafygreen-ui/date-picker

3.0.2

Patch Changes

3.0.1

Patch Changes

3.0.0

Major Changes

  • 274d7e1a7: Removes prop-types from LeafyGreen UI

Patch Changes

2.0.0

Major Changes

  • 04bb887c0: LG-4121: DatePicker renders menu, month selector, and year selector in top layer using popover API. As a result, the following props are deprecated and removed:

    • popoverZIndex
    • portalClassName
    • portalContainer
    • portalRef
    • scrollContainer

    Additional changes include:

    • Deprecates and removes justify="fit". Instead, use justify="middle"
    • Removes unused contentClassName prop

    Migration guide

    Use popover-v12 codemod for migration assistance.

    Old
    <DatePicker portalContainer={containerRef} scrollContainer={containerRef} />
<DatePicker portalClassName="portal-class" />
    New
    <DatePicker />
<DatePicker />

Patch Changes

1.2.2

Patch Changes

1.2.1

Patch Changes

1.2.0

Minor Changes

  • 02e1d77e: Expose portalRef in components that use Popover:

    • Combobox
    • DatePicker
    • GuideCue
    • Menu
    • NumberInput
    • Select
    • SplitButton
    • Tooltip

    LG-3988

Patch Changes

1.1.3

Patch Changes

  • c86227a6: Updates Storybook file for mongodb.design
  • Updated dependencies [c86227a6]

1.1.2

Patch Changes

1.1.1

Patch Changes

1.1.0

Minor Changes

Patch Changes

1.0.3

Patch Changes

1.0.2

Patch Changes

1.0.1

Patch Changes

  • fbc2b7c8: Removes unused storybook dev dependencies (@storybook/types and storybook-mock-date-decorator)
  • Updated dependencies [8142d306]
  • Updated dependencies [3208b813]

1.0.0

Major Changes

  • 69527524: Changes the behavior of segments.

    Backspace

    New Behavior

    • Pressing backspace will always clear the segment and keep the focus on that segment
    • Pressing backspace twice will clear the segment and move the focus to the previous segment

    Old Behavior

    • Pressing backspace deletes characters before the cursor one by one
    • After all characters are deleted, the focus moves to the previous segment

    Space

    New Behavior

    • Pressing space will always clear the segment and keep the focus on that segment

    Old Behavior

    • Pressing space does not change the current value

    Clicking

    New Behavior

    When initially clicking on a segment with a value, the segment will select the value:

    • Typing a digit will clear the segment and populate the segment with that new value.
    • Pressing the backspace key will clear the segment
    • Pressing the backspace key twice will clear the segment and move the focus to the previous segment
    • Pressing the space key will clear the segment

    When initially clicking on a segment without a value, the segment will show a cursor:

    • Typing a digit will start to populate the segment
    • Pressing the backspace key will move the focus to the previous segment
    • Pressing the space key will keep the focus on that segment

    When a segment is already selected, clicking on the segment a second time will deselect the segment, and a cursor will appear:

    • Typing a digit will clear the segment and populate the segment with that new value.
    • Pressing the backspace key will clear the segment
    • Pressing the backspace key twice will clear the segment and move the focus to the previous segment
    • Pressing the space key will clear the segment

    Old Behavior

    • Clicking on a segment will make the cursor appear in the clicked spot.
    • If the segment is full, typing will not change the value
    • If the segment is not full, typing will not add a new character after the cursor

    Tabbing and Left/Right arrows

    New behavior

    When when using the arrow keys or tabbing into a segment with a value, the segment will select the value:

    • Typing a digit will reset the segment and populate the segment with that new value.
    • Pressing the backspace key will clear the segment
    • Pressing the backspace key twice will clear the segment and move the focus to the previous segment
    • Pressing the space key will clear the segment

    When using the arrow keys or tabbing into a segment without a value, the segment will show a cursor:

    • Typing a digit will start to populate the segment
    • Pressing the backspace key will move the focus to the previous segment
    • Pressing the space key will keep the focus on that segment

    Tabbing

    Old Behavior

    • Tabbing into a segment will select the value, but pressing space does not reset the value

    Left/Right arrows

    Old Behavior

    • When in a segment, left or right arrow keys navigates through each character instead of selecting the value.
    • If the segment is full, typing does not update the value
    • If the segment is not full, typing will add a new character in that spot

Patch Changes

0.2.2

Patch Changes

  • 5249bd3d: Reduces the width and height of the calendar icon so that the focus/hover states do not excessively overflow the input container. When the size is xsmall the width and hight of the calendar icon will be 20px. When the sizeis small the width and hight of the calendar icon will be 22px. The icon itself will remain the the same size.
  • 253ef4e4: Rearranges the placement of the year select to come before the month select when the locale is iso8601. LG-3839
  • Updated dependencies [5249bd3d]

0.2.1

Patch Changes

  • 2bceccb1: Fixes lodash imports to use default exports of specific functions to reduce component's bundle size.
  • 49a550b3: - Changing menu month back to the month of the current value now shows the correct focus state. LG-3857
    • Rename internal function -- isMonthInValid to isMonthInvalid
  • ae0e3629: Dynamically update the aria-label for the year/month select to include the current selection, enabling screen readers to announce the current selection.
  • Updated dependencies [2bceccb1]
  • Updated dependencies [54eb3ce8]
  • Updated dependencies [2645cd50]

0.2.0

Minor Changes

  • e0b4080c: Extends Popover props but omits the following props: usePortal, refEl, children, className, onClick, and active. LG-3930

Patch Changes

  • a8b717c7: Modify DatePickerMenu.stories.tsx to exclude the current date, as it caused daily chromatic changes.
  • ba76002f: Applies a CSS transition duration of 100ms to enhance the hover and focus styles on calendar cells.

0.1.0

Minor Changes

  • ffd11f24: Initial pre-release of date-picker. Use DatePicker to allow users to input a date

Patch Changes