@particles/date-select

A date select.

Usage no npm install needed!

<script type="module">
  import particlesDateSelect from 'https://cdn.skypack.dev/@particles/date-select';
</script>

README

Date Select

A date select.

Example

date_select

Change Log

2.7.7

  • Fixed dayNames generation algorithm

2.7.6

  • Fixed a bug related to the input field value when passing a locale without passing valueFormat.
  • The input field is now aligned with @procore/labs-date-formatter

2.7.5

  • Fixed a couple of bugs related to date-fns
  • The locale mapping for locales such as th,fr and is was wrong.
  • dayNames had a problem pertinent to timezones.
  • Localization of is now tied to @procore/labs-date-formatter and not date-fns.

2.7.4

  • Add optional locale prop. Passing the locale (e.g. locale="es") in that prop will translate the calendar dropdown months / days.

2.7.2

  • Fixes input placeholder line height safari bug

2.7.1

  • Fix bug to update component on prop change

2.7.0

  • Adds disabled capability

2.6.0

  • Remove unnecessary border when expanding calendar that was added in 2.5.0
  • Show gray border while inline-style calendar is expanded

2.5.2

  • Remove font-family declaration

2.5.1

  • Fix pencil margin on inline style variant

2.5.0

  • Add inline style variant

2.4.7

  • Add ability to pass in Months and Days to support localization

2.4.6

  • Fix bugs:
    • Changing months now works again
    • Close on select prop now works as expected
    • onClear now removes style from previously selected day

2.4.5

  • Major performance gains (especially when multiple instances are present)

2.4.4

  • data-qaTag to data-qatag (to be compatible with React 16)
  • Removed setState callbacks
  • Upgraded to React 16
2.4.3
  • Clear icon styling fix (again)
2.4.2
  • Clear button styling fix
2.4.1
  • Border color and clear icon style changes
2.4.0
  • Added error prop and styling
2.3.2
  • Add qaTags
2.3.1
  • Add unit tests, CSS module mocking, and code coverage reporting.
2.3.0
  • Added optional onBlurInput prop
  • Added optional onEnterPress prop
  • Added the above for an improved user experience
2.1.3
  • Easily "tabbed" into when composed with similar components
2.1.2
  • Removing console.warn from prod build
2.1.1
  • Adding support for yy or yyyy
2.1.0
  • Analytics added
2.0.2
  • Updating webpack to support hosting from 0.0.0.0
2.0.1
  • Adding null check to constructor

2.0.0

  • Updated months to not be zero indexed
  • Fixed bug with empty value prop
  • Minor style fixes
1.4.0
  • Added valueFormat property for date format support
1.3.2
  • Adding expanded class to top level container
1.3.1
  • Fixed a bug where the return of onSelect was a month off
1.3.0
  • Right align the dropdown using the rightAlign prop
1.2.3
  • IE 11 alignment fixes
1.2.2
  • Positions the clear button absolutely to work in opinionated environments
1.2.1
  • Removes the spinners from firefox to match other browsers
1.2.0
  • Style updates
  • closeOnSelect prop added
1.1.2
  • Resolving type on value prop to accept numeric and string arguments
1.1.1
  • Changed internal clearing to work as a function instead of object assignment as setState doe snot merge correctly. Updated inputs to be 'controlled'
1.1.0
  • Added ability to clear the inputs, with an optional callback as well
1.0.4
  • Style changes, add maxLength on inputs
1.0.3
  • Updating package.json to Particles URL
1.0.2
  • Bug fix for always initially open
  • Bug fix for case where no value is passed in it would not set active months correctly
1.0.0, 1.0.1
  • Initial commits