material-ui-pickers

This is another patch release. We are still on the way to range datepicker.

Fixes/Enhancements

• Do not allow input any chars when input is empty (#1265)
• [variant=inline] Dispatch onChange before onClose (#1264)
• [variant=inline]: Don't force any width on the paper (#1248) (#1261)
• Remove direct @material-ui/core imports (#1236)
• Reduce bundlesize for 1kb by refactoring
• [a11y] Open picker by space click (#1266)
  ...and many more documentation improvements

Release with the fixes for the previous release. Here is the list of changes

Fixes

• Fix server-side imports and jest test failures by adding proper @babel/runtime imports
• [TimePicker] Fix time position in landscape orientation (#1224)
• [docs] Add react hook additional param warning note (#1220)

Big thanks to 4 contributors that make this release possible 👍

Features

We have enabled treeshaking by moving our build system from rollup to plain babel esm export.
Treeshaking should work out of the box with webpack right now.

We are intent on moving back to rollup once everything will be right

Fixes / Ehancements

• Fix crashing on orientation change for some old Android devices (#1207)
• Support auto detection of orientation change for IOS Safari (#1207)
• Add inputProps to the outputted typescript definitions (#1208)
• Fix dispatching 2 onChange events with variant="inline" (#1209)
• Add shorthand hook for static state managment (#1212)
• Fix case when both clear button & showToday button (#1211)
• [docs] Update CSS overrides example (#1201) @pschyma
• [docs] Add redux form integration example (#1189) @igornfaustino
• [docs] Add releases page (#1210)

This is a new release of material-ui-pickers. Are you excited?
Here comes orientation support 🎉 . From now pickers will automatically use device orientation and change the layout for a better experience.

For now this feature supported only for DatePicker and TimePicker

Features

• Add variant="static" (#1164)
• Landscape orientation support (#1177)
• Custom toolbar component via ToolbarComponent prop (#1182)

Fixes/Enhancements

• [Calendar] Remove arrows white background on sliding from disabled state
• Do not show error if input value was cleared symbol by symbol (#1160)
• Fix keyboard popover position (#1184)
• [InlineVariant] Do not update value on backdrop click (#1162)
• [TimePicker] Properly hide separator if views not included (#1161)
• Do not accept a and p sympbols in not am/pm mode (#1183)
• [docs] Fix variant prop type displaying, highlight code in 'type'
• [docs] Add Hijri calendar example (#1153)

Big thanks to everyone who supported this release ❤️

Release with bugfixes 🐛. Big thanks to everybody who raised an issue 👍

Fixes / Enhancements

• Fix rerendering loop after clear (#1139)
• Fix spacing support issues (#1141)
• Fix invalidLabel prop-type warning
• Allow passing custom Rifm formater (#1142)
• [our docs] Fix crashing on changing utils (#1123)

Visual regression with Percy

Also, we are working on confidence. So in this milestone we integrated visual regression with Percy

P.S. Range pickers are coming 🤐

In this release we have fixed the most painful 🙉 change that landed in v3 - fully controlled components. Right now we return inner state for the datepicker modal.

P.S. Keyboard input stays controlled.

Breaking changes

N/A

Changelog

• Return inner state for picker modal (#1095)
• [#1111] Properly rely on views order when switching views (#1116)
• [#1093] Spread emptyLabel from passing to textField
• Fix crashing in IE 11 (#1117)
• A lot of documentation changes. New examples and guides. 📝

Fixing backward compatibility issues of v3.0.0

Features

• Async month changed callbacks (#1052)

From now it is possible to return a promise from onMonthChange and Datepicker will render loading indicator till it will not be resolved

<DatePicker
  onMonthChange={async () => {
     const availableDates = await fetch()
     setState(availableDates)
  })
/>

• [DatePicker] add strictCompareDates prop (#1067)
  It is used to make datepicker compare not start/end of day but the actual passed timestamp

Fixes / Enhancements

• 📝 improve grammar in docs (#1073) @balazsorban44
• Fix time order in RTL DateTimePicker (#1071) (#1072) @Scimonster
• Consume fade correctly for rollup (#1077) @TrySound
• Remove react-event-listener (#1075) @TrySound
• Disable ToolbarButtonOverride, closes #1076 (#1080) @dmtrKovalenko
• Fix inputRef collision, closes #1069 (#1081) @dmtrKovalenko
• [typescript] Fix incorrectly inferred type for keyboard onChange (#1083) @dmtrKovalenko
• Support TextFieldComponent prop (#1087) @dmtrKovalenko
• Support keyboardIcon for v3, closes #1084 (#1085) @dmtrKovalenko

We are thrilled to release stable v3 of @material-ui/pickers.

This is really great release with a lot of changes, but they only made this project better.

Highlights

• Bundlesize ⬇️ 6kb gzip
• Enterly new state managment
• Hooks povered api
  ...and many more improvements

Changelog

There is a lot of changes. So the complete updating guide is here

Thanks a lot for all our !70 contributors and 4 bakers. They made all this work possible

This is final pre-release version of material-ui-pickers v3. 🔥

This release comes with great refactoring that saved us 1.5kb gzip ⬇️ by grand views refactoring.
Right now all components available to take views and openTo to customize displayed views.

Change log 🎉

• Views refactoring
• [#1033] Properly handle disabled prop
• Memoize picker state props
• [#1033] Properly handle disabled prop
• [#1031] Fix className of ClockNumber selected state (#1045)
• Use react wildcard import rather than default import (#1038)

📖 Hey everybody! 📖

Here is a new release! We have fixed something, improved something and added something 👍
But we have completely redone our docs site! From scratch! Here:

Docs Changes => https://material-ui-pickers.dev

• Awesome domain
• Server side rendering (3 times faster loading, SEO)
• Markdown powered (much easier to contribute for our awesome contributors)
• Improved UI (e.g. added autolinking anchors to headers)
• New colors 😱 looks amazing

Release Changes

• Feature: onMonthChange and onYearChange callbacks (#935)
• Bugfix: Rerun labelFunc when new instance is passed (#934)
• Support views and openTo props for InlineDatePicker and fix openTo behavior (#933, #925, #930)
• Make todayLabel propTypes consistent with TS typings (#926) @janbejvl

And many more *improvements... *

📅 Hey, there is a quick release with:

• Fix for the minutesStep property.
• Add demo of dayjs usage with pickers

Have a good weekend 👨‍🔬

Big thanks for 5 contributors, that made this release possible! 🥇

Breaking changes:

Rename classnames of Day component to disable material-ui warning:

- classes={ selected: {}, disabled: {} }`
+ classes={ isSelected: {}, isDisabled: {} }`

Features:

• Add month picker and views props to combine different views @OleksiiKukuruza
• Add minutesStep prop @etairi
• Support @material-ui/styles
• [#900] Dispatch onChange for inline pickers if value was null (#904)
• [#886] Fix not dispatching on clearing input of inline datepicker (#902)
• Support @material-ui/core v2.3.9

Also we are working hard on improving soundness of this project. So we started work on e2e coverage. We are using cypress to automate regression. Here you can see real-time regression results 😎

Hey ho! Thanks to 3 contributors that made this release possible
Here what's changed:

Breaking changes:

🚫

Fixes | Enhancements

• Add KeyboardButtonProps for better support accessibility and aria-support @digitalkaoz
• Migrate from classnames to nicer clsx (#855) @TrySound
• Remove keycode in favour of event.key (#859) @TrySound
• Fix direction of leaving calendar animation (#873) @TrySound
• Fix typings of inputProps (#879) @dmtrKovalenko

And many more bugfixes 🐛.
Please make sure that all support of utils & date-lib version support/managment moved to date-io repo

Oopsy!

This is a quick release with a fix for typescript users.
No worries 🐥

It`s our 50th release! 😮

Thanks a lot for 4 contributors, who made this release possible. They are incredible 🥇
Here what's changed:

Features

• We are relying on date-io v1 so it's required to update
• 🎉 From now on material-ui-pickers using custom svg icons instead of falling back to icon font. No more

-<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

• [docs] Added ability to switch date-utils in runtime

Fixes/Enhancements

• Updated to the newest material-ui version and fixed all warnings
• [bundlesize] Remove a lot of unused/duplicated defaultProps & propTypes (#843)
• Export our context consumer component from entrypoint (#838)
• [#823] Fix opening modal on 1900-01-01 if selected date in past
• [typescript] Fix InputProps typing error & add dependency for @types/react-text-mask
• [#824] [luxon] Fix crashing on opening datetime picker in error state (#829)

And many more bugfixes 🐛 and documentation improvements.
Thank you for using material-ui-pickers 😎

We are using our brand new awesome logo for now. Check it out on the docs site or in readme.

Big thanks to each user of material-ui-pickers. You are incredible 🏆 .

Breaking changes

N/A

Fixes/Enhancements

• Reexport typescript props from entrypoint
• Fix crashing on click out of the input adornment #784
• Fix typescript typings of TextFieldComponent prop
• Call onClose if date was accepted #794
• Fix missing DateTimePicker specific props in the docs
• Fix layout styling when action button labels too wide #764
• Fix stuck together of date and time labels in DateTimePicker for small screens

And many more bug 🐛 fixes and docs improvements.

Here we go 💡

Breaking changes

N / A

Features

• Add typings for mui theme overrides. Read more here.

Fixes

• Fix crashing with SSR in strict mode. (Fix direct call to window)
• Fix order of date & time in datetimepicker @viict
• A lot of fixes in docs

Breaking changes

N / A

Fixes / Enhancements

• Add example of integrating with forms (see it here)
• Jumping date time picker layout
• Automatically hide tabs of datetimepicker on small screens
• Fix calendar transitions collapsing on animating return back to previous month
• Fix not selecting any date if minDate in future
• Fix issue when wasn't possible to use shouldDisableDate if only some future days allowed
• Fix annulating date part when changing keyboard timepicker

Thanks to 3 contributors, that made this release possible.

Breaking changes

N / A

Changes

• A lot of documentation improvements
• Make possible to pass keepCharPositions to react-text-mask input
• Fix direct path import bundle for SSR applications
• Export the most popular internal controls from index entry point

The new major release of material-ui-pickers has come.

We have moved our utils to the separate monorepo (star it here) and for now do

-import Utils from 'material-ui-pickers/utils/date-fns-utils'
+import Utils from '@date-io/date-fns'

And also we have added some fixes like

• Fix clearing time to 12:00 AM on each date change in DatePicker
• Fix intersection of hightlighted date in the last row
• Add sideEffects: false to package.json for better webpack treeshakability
• Use tsdoc comments with types for docs site proptypes