react-datetime-picker

A datetime picker for your React app.

MIT License

Downloads
325.9K
Stars
550
Committers
5
react-datetime-picker -

Published by wojtekmaj about 5 years ago

Bug fixes

  • Fixed native input not having aria-label applied properly
react-datetime-picker -

Published by wojtekmaj about 5 years ago

What's new?

  • You can replace default placeholders (--) with custom ones using dayPlaceholder, monthPlaceholder, yearPlaceholder, hourPlaceholder, minutePlaceholder, secondPlaceholder props.
react-datetime-picker -

Published by wojtekmaj over 5 years ago

What's new?

  • You can now disable the calendar using disableCalendar prop.

Bug fixes

  • Fixed some locales displaying both 24- and 12-hour inputs.
  • Fixed React-DateTime-Picker crashing occasionally when a number with decimals was entered as one of the values.
react-datetime-picker -

Published by wojtekmaj over 5 years ago

What's new?

  • Added support for aria-labels on each input and button. See README for details.
  • Added support for MMM (short month) and MMMM (long month) in format prop.
  • Automatically jump to the next input if the user can't enter any more digits (#49).

What's changed?

  • Documentation should now be easier to read thanks to improved clarity and default values column.
  • Optimized the number of listeners attached by React-DateTime-Picker.
  • Added more unit tests.

Bug fixes

  • Fixed AM/PM not selectable in some locales using Arabic numerals.
  • Fixed a warning on amPm mistakenly required when there is a possibility of it being null if value is null too (#59).
  • Fixed Calendar not closing in some cases on mobile Safari. Thanks, @victor-cordova!
  • Fixed input value selection immediately un-selecting on non-Chromium versions of Microsoft Edge.
  • Fixed default icon styling affecting custom icons by changing their fill properties.
react-datetime-picker -

Published by wojtekmaj over 5 years ago

What's new?

  • Added support for format prop which allows to overwrite default date format determined either from locale prop or automatically. See README for details.

What's changed?

  • Whitespace in dividers is now automatically preserved.
  • Simplified some internal methods.
  • Added more unit tests.

Bug fixes

  • Fixed issues where iterating an HTMLCollection would cause issues in older versions of Edge and IE. Thanks, @mathieumg!
  • Fixed jumping to previous/next input not working if leading zeros were present
react-datetime-picker -

Published by wojtekmaj over 5 years ago

What's new?

  • Added support for onCalendarOpen, onClockOpen, onCalendarClose and onClockClose props.
react-datetime-picker -

Published by wojtekmaj over 5 years ago

What's new?

  • Updated React-Date-Picker and React-Time-Picker dependencies.
react-datetime-picker -

Published by wojtekmaj over 5 years ago

What's new?

  • Implemented React-Fit, a smarter system measuring where the Calendar and Clock should be placed. React-Fit will check for collisions with the nearest scrollable container (unlike previously, hardcoded document.body) on both axis (unlike previously, just on Y axis).

What's changed?

  • React-DateTime-Picker now uses Babel 7 for compilation.
  • Using Parcel, if you decide for whatever reason to import from src directory instead of default dist, Parcel will properly recognize it and use proper Babel configuration.
react-datetime-picker -

Published by wojtekmaj almost 6 years ago

What's new?

  • Brand new input rendering algorithm was implemented. It should be more reliable, especially for zh-CN locale (#42).

What's changed?

  • Calendar and clock widgets will no longer close automatically on any value change (#43).

Bug fixes

  • Fixed calendar and clock widgets widget not closing when input was blurred using the keyboard.
  • Fixed widgets not opening above the input when needed.
react-datetime-picker -

Published by wojtekmaj about 6 years ago

See Upgrade guide from version 1.x to 2.x.

What's new?

  • Inputs now automatically select on focus (#32).
  • Leading zeros are now wrapped in a <span /> element with react-datetime-picker__inputGroup__leadingZero class name for easier styling.
  • Internal changes in DateTimeInput component that will allow for more refined styling of React-DateTime-Picker along with React-DateTimeRange-Picker.

Bug fixes

  • Fixed input height that could be off by 2 pixels on some devices.
react-datetime-picker -

Published by wojtekmaj about 6 years ago

What's new?

  • You can now attach event props (onClick, onKeyDown...) directly to React-DateTime-Picker root.
  • Updated documentation to make it clear how to remove calendarIcon and clearIcon.

What's changed?

  • Auto resizing input fields mechanism has been improved (#33).

Bug fixes

  • Removed needless update when the user clicked somewhere on the screen while the calendar in React-DateTime-Picker was closed.
react-datetime-picker -

Published by wojtekmaj about 6 years ago

What's changed?

  • Updated all dependencies.

Bug fixes

  • Fixed the date being wrongly formatted on IE11 in zh-CN locale.
  • Fixed DateTimePicker not working properly on older (<16.3) versions of React.
  • Updated react-calendar dependency which fixes crash on IE11.
  • Updated get-user-locale dependency which fixes uncaught error on IE11 caused by Array.prototype.includes not being implemented.
react-datetime-picker -

Published by wojtekmaj about 6 years ago

What's new?

  • Added disableClock flag that, well, disables clock.

Bug fixes

  • Fixed min/max date not applied to time components properly (#31).
  • Fixed native input value not parsed properly in some cases.
react-datetime-picker -

Published by wojtekmaj about 6 years ago

What's changed?

  • React-DateTime-Picker now uses get-user-locale to get user's locale data. This should be more reliable, especially on macOS/iOS prior to 10.2.
react-datetime-picker -

Published by wojtekmaj about 6 years ago

What's changed?

  • Clearing inputs manually will call onChange with null value, just like clearing it with clear button does.

Bug fixes

  • Fixed AM/PM dropdown not appearing on some locales (e.g. en-AU).
  • Fixed native input (not visible for most users, stays hidden; it's there for accessibility purposes) treating date and time as UTC, instead of local user's time.
  • Fixed native input allowing to change seconds if maxDetail was set to minute.
react-datetime-picker -

Published by wojtekmaj over 6 years ago

Bug fixes

  • Fix an error causing hour 0 to be displayed as 0 am instead of 12 am in 12-hour time format (via React-Time-Picker update).
react-datetime-picker -

Published by wojtekmaj over 6 years ago

All dependencies have been updated and new Airbnb ESLint rules have been enforced.

What's new?

  • Added support for 12-hour clock on supported locales (#1 via wojtekmaj/react-time-picker#3).

Bug fixes

  • Fixed an issue with displaying inputs on locales largely different from American/European, like zh-CN (#15).
react-datetime-picker -

Published by wojtekmaj over 6 years ago

Bug fixes

  • Fixed font in default styling not properly inherited
  • Fixed clock not closing on opening the calendar (#17, #18). Thanks, @innocentamadi!
react-datetime-picker -

Published by wojtekmaj over 6 years ago

Bug fixes

  • Fixed uncaught TypeError when the user typed a date beyond maximum date allowed in JavaScript (#13).
react-datetime-picker -

Published by wojtekmaj over 6 years ago

Updated react-lifecycles-compat to the newest version. There are no user- or developer-facing changes.