material-ui-pickers

Thanks for 3 contributors that made this release possible

Here are some highlights ✨:

• Fix missing tslib dependency
• Fix common typescript errors
• Improve bundle size by removing prop types and treeshakable classes

Fixes

• Fix missing tslib de
• Fix a bug with white border if localized dialog actions are too wide
• Fix not updating component on initialFocusedDate change

Hey ho!

1.0.0 release is here 🎉
We are happy to proceed with the stable version. Thanks for every user of this package 👍

We have a lot of changes for you there.
Big thanks to 7 contributors especially @TrySound and @rosskevin for their awesome work! 🔥

Breaking changes

-import MuiPickersUtilsProvider from 'material-ui-pickers/utils/MuiPickersUtilsProvider'
+import MuiPickersUtilsProvider from 'material-ui-pickers/MuiPickersUtilsProvider'

Features

• Rewrote codebase in typescript @rosskevin
• Opt in to es module build @TrySound
• Update to [email protected]
• Make inline pickers dispatch onChange before close
• Fix alignment of today button in IE11 @ahce

This extra release fixes problems with esm module, which caused cannot read property date of undefined error. We apologize for any inconvenience 😔

This release also contains improvement for keyboard navigation in inline datepicker

Big thanks to the 6 contributors who made this release possible!
It contains many bug fixes 🐛 , documentation improvements and update to material-ui 3.1.1

Breaking changes

We are now relying on ^material-ui/[email protected]

Changes

• Make a lot improvements in build systems and dependency resolving. We saved 3kb 🚀 @TrySound
• Make possible to pass pipe prop to MaskedInput @mckernanin
• Fix formatting of dates on the docs @joebandenburg
• Remove redundant import from v8 @Jtango18
• Fix proptypes error when using React.createRef
• Fix missing initialFocusedDate in typescript typings
• Fix ref property for inline pickers
• Adjust validation for min/max rules - now they are not relying on current date time and compares end date for maxDate prop and start of day for minDate

Good day! We have a lot of good news for you! 🥇

Breaking changes

• Updated to [email protected], so date-fns users must update.
  P.S. If you cannot update you can still use utils/date-fns-utils-old for compatibility
• We have reorganized a lot of files so if you are using some internal components, directory may
  be changed

- import Calendar from 'material-ui-pickers/DatePicker/Calendar';
+ import Calendar from 'material-ui-pickers/DatePicker/components/Calendar';

Features

We are announcing new displaying mode - Inline popover view. This should be very useful for desktop experience. 🚀

import { InlineDatePicker } from 'material-ui-pickers/DatePicker';

<InlineDatePicker
  label="Basic example"
  value={selectedDate}
  onChange={this.handleDateChange}
/>

Fixes / Enhancements

• Fix transKey prop type warning 😱
• Update @babel/runtime to much material-ui version and update whole babel to v7
• Increase coverage to > 80% 🎉
• Fix not working animateYearScrolling with openToYearSelection #565
• Fix clipping component vertically on small screens

Good day! We apologize for long break with such critical changes :(
But we are ready to move on and big thanks to 6 contributors, that worked hard on this release 🚀

Breaking changes

• container prop was removed, now use new DialogProps property to pass container to dialog

- <DatePicker container={...} />
+ <DatePicker DialogProps={{ container: ... }} />

Fixes / enhancmenents

• Add new DialogProps property
• Fix not working 24hours mode @sakulstra
• Migrate to react-transition group v2 to reduce bundle size @sakulstra
• Fix not displaying arrow icons in IOS safari
• Improve finding closest enabled date algorithm @Philipp91
• Fix warning on duplicate keys with luxon utils @jarib
• Fix not applying materail-ui font-family change to days components

Thanks so match to 7 contributors, that makes this release possible! You are the best ❤️
And we are mostly near the 1.0.0 release 🚀

Breaking changes

N/A

Features

• New awesome set of material design animations for all pickers (check the video here)
• New onInputChange prop, which fires on each input change
• New initialFocusedDate prop to make ability display initial date @mcMickJuice
• New container prop to add ability change the modal container @aleliberty
• New mergeDateAndTime method in utils that adds ability to more slightly control time selection @Philipp91
• New ViewContainerComponent prop for DateTimePicker @Philipp91
• Move all text field formats to utils instances, that will make ability to override text field formats globally
• UMD bundle coming material-ui-pickers/dist/material-ui-pickers.umd.min.js @TrySound

Enhancmenents

• Update to babel 7 and improve bundle size @TrySound
• Reexport props interfaces from index modules [typescript]
• Add new moment localization example in docs @josephMG

Fixes

• Fix freezings on FireFox
• Fix incorrect format keys for default luxon utils.

Big thanks to 3 contributors ❤️

This release will fix all major issues with masked input.
And also we done great improvement in test coverage 🚀

Breaking changes:

N/A

Features

N/A

Fixes

• Fix not registering input with [email protected]
• Fix not working keyboard input if null passed
• Fix not applying validation with empty not validated input
• Fix not passing onBlur handler to TextFieldComponent.

We apologize for long break between releases. But we have done a lot inside ⭐️

Big thanks to 6 contributors, that makes this release possible ❤️
Here is what's changed:

Breaking changes

We have redone forwarding refs logic with the new React's api. So no more pickerRef prop

<DatePicker
- pickerRef={node => { this.picker = node }}
+ ref={node => { this.picker = node }}
/>

Features

• We have moved from inheritance to composition and providing our internal hoc for using any pickers sub-component (read more here) @dmtrKovalenko
• Accept date on text field blur instead of on any successful parse. @LastDreamer
• Introduce new TimePicker view with seconds. Use seconds prop @baig
• Switched to new lifecycle components #422
• Accept react components for messages and labels #387
• Allow to disable keyboard event listener by setting allowKeyboardControl to false.

Fixes

• Make calendar keyboard event listener disabled by default if its used not under modal #412
• Fix that autoOk prop break keyboard input #432
• Fix not applying disabled effect for keyboard button if textfield disabled #452
• [ts] Fix missing onKeyDown typescript property for DateTextFieldProps @Ahmad Ilaiwi
• [ts] Fix missing todayLabel and showTodayButton for pickers props @tjaskula

This release is actually support of material-ui rc.0. Thanks 2 contributors, that support this release ❤️
Here is what's changed:

Breaking changes

Since this version material-ui-pickers depends on @material-ui/core instead of material-ui. Please update to the most recent material-ui version

Features

• Use React 16.3 context api, that fixes blocking of updates by any outer component with scu implemented #383

Fixes

• Fix utils typings for typescript import luxon and moment #406
• Add support of material-ui rc.0 imports. @retyui

We are mostly on the way to the first long-term supported (1.0.0) release 🎉

Thanks to 2 contributors, supporting this release ❤️

Here what's changed:

Breaking changes

N / A

Features

• Auto selection of closest enabled date, if selected date is disabled in current calendar #392 @dmtrKovalenko

Fixes / Improvements

• Fix not disabled datepicker icon button in keyboard mode if whole input is disabled #392 @lolJS
• Fix not including year of maxDate in date-fns utils #399
• Disable scrolling on touch on Android
• Disable text selection on dragging over time clock
• Add cursor type when dragging clock pointer on desktop browsers
• [typescript] Fix missing isNull & parse in utils inteface #381
• [typescript] Improved utils typing overall. Utils are now a generic class instead of one reused.

First of all thanks to 3 contributors, that make this release possible ❤️

Breaking changes

N / A

Features

N / A

Fixes/Enhancements

• Fix transparent background of hovering dates with mui v42 @alex-fournier #366
• Fix displaying Sunday as first day of week with any locale in date-fns @cherniavskii #370
• Fix displaying scrollbar in picker with some monitors resolutions @cherniavskii #374
• Make Enter click accept the date when modal is open @alex-fournier
• Fix displaying error messages when value is null and set some range validation rules @cherniavskii #368
• Fix excluding boundary years with moment-utils @dmtrKovalenko #340

First of all thanks to 4 contributors that makes this release possible 👍

Release highlights ✨

• Fix displaying of clocks one by one for material ui > beta.39
• Support luxon utils 🎉
• Fix issues with today button

Breaking changes

N/A

Features

• Support luxon #345 @lookapanda @cherniavskii
• Add disableOpenOnEnter prop #346 @Loktor

Fixes

• Fix issue with 2 clocks one by one @alex-fournier
• Fix issues with today button @Loktor
• Fix missing arguments in utils typings @lookapanda
• Fix missing pickerRef prop in ts defenitions @Le-Lutin

Entirely thanks to 5 contributors, that makes this release possible ❤️
Here are release hightlights ✨

• Add Today button for pickers
• Continue support of persian calendar system
• New animations 🎉

Breaking changes

N/A

Features

• Add Today button for date/time pickers #317 @tkachenko-tatiana
• Continue support of persian calendar system #154 @alitaheri
• Add new animation of clock transitions #304 @dmtrKovalenko
• Add onError callback to add an ability #316 manage errors controllable @dmtrKovalenko

Fixes / Enhancements

• Fix dispatching error on clearing date in keyboard mode @dmtrKovalenko
• [typescript] Fix error on trying to inherit utils @dmtrKovalenko
• [typescript] Add lib-specific typed definitions for utils @dmtrKovalenko
• [docs] New navigation system @cherniavskii
• [docs] Document opening pickers progrmatically @dmtrKovalenko
• Make MuiPickerUtilsProvider plain Component instead of pure to make it work with React Router Hoc @dmtrKovalenko

Entirely thanks to 4 contributors and our bakers and sponsors - they makes this release possible ❤️

Features

• Add circle pin to the clock center to match material design guidelines @tkachenko-tatiana

Docs

• Prop-types autogenerations
• Add descriptions for CSS overrides
• Add global formats sections

Fixes / Enhancements

• Fix missing locale and moment props in typings @tstaehli
• Make value nullable for typescript
• Fix keyboard input parsing with moment utils

Docs

• Fix responsive design issues
• Add displaying of patrons on landing page

First of all thanks to all contributors :)
Here are release highlights ✨

🎉 Check out our new documentation website

Breaking changes

Utils class have been redone from static class to the instance-based, so now override utils via extends.

import DateFnsUtils from 'material-ui-pickers/utils/date-fns-utils';

export class CustomUtils extends DateFnsUtils {
...
}

Features

• Localization - checkout out documentation for date-fns and moment
• Disabling month navigation buttons depends on disabled days in the next/prev month #236
• Add onOpen and onClose callbacks #234
• Add ability to get the ref of rendered picker wrapper with pickerRef prop #265

Fixes

• Fix DialogActions align when clearable is set to true in IE11 #267
• [Typescript] Remove importing moment, add missing props definitions. #257
• [Moment] Fix incorrectly working parsing keyboard input #274
• [Moment] Fix mutation of moment object with startOfDay, endOfDay #266

Fix all critical bugs, that was caused by 1.0.0-rc.1 version

Here are release highlights ✨

Breaking changes

N/A

Fixes / Enhancements

• Fix importing utils from core module that caused errors that moment/date-fns is not defined
• Move from es imports in the direct components. Now importing from files will not caused jest tests fails.
• Fix passing null as value displays 01.01.1970 with date-fns utils
• Fix not updating displaying value if emptyLabel was changed

🎉 Its a release candidate!

And we have added an ability to replace moment
First of all thanks to all contributors that work for this project, you are awesome ❤️

Breaking changes

Firstly we have moved all moment usages to the separate utils interface and have make it replaceable. So from now you are able to decide which library would be used by pickers to work with date.
We are providing interfaces for moment and date-fns 2.0. And if you are not already using moment for date management we suggest using date-fns, because its much more lightweight and will be correctly tree-shaked from the bundle.

You can teach the pickers which library to use with MuiPickersUtilsProvider. Add this to the root of your component tree

import MomentUtils from 'material-ui-pickers/utils/moment-utils';
import DateFnsUtils from 'material-ui-pickers/utils/date-fns-utils'
import MuiPickersUtilsProvider from 'material-ui-pickers/utils/MuiPickersUtilsProvider';

function App() {
  return ( 
    <MuiPickersUtilsProvider utils={DateFnsUtils}>
      <Root />
    </MuiPickersUtilsProvider>
  );
}

render(<App />, document.querySelector('#app'));

returnMoment property was deleted, now if you are using moment utils - you will get moment object anyway in the onChange callback.

<TimePicker
-  returnMoment={false}
-  onChange={(date: Date) => this.setState({ date })}
+  onChange={(date:Moment) => this.setState({ date })
/>

Features

• Improved importing system. Now its possible to import components by direct component name instead of src and Wrappers. We are tree-shaking friendly!

- import TimePicker from 'material-ui-pickers/src/TimePicker/TimePickerWrapper
+ import TimePicker from 'material-ui-pickers/TimePicker

• Remove moment-range dependency (No more need to Array.from pollyfill)
• Support of replaceable date management lib #219
• Support of date-fns as date management lib #219
• Add InputAdornmentProps and inputAdornmentPosition to keyboard adornment customization #223

Fixes

• Fix not reapplying validation when minDate or maxDate was changed #226
• Fix not dispatching onChange when seconds changed in keyboard mode #206

Thanks to our awesome contributors! ❤️

Release highlights ✨

Fixes / Enhancements

• Support of material-ui vbeta.33
• Fix not incorrect displaying of keyboard button if label provided
• Fix not applying toolbar colors in Firefox for some scenarios
• Fix not applying min/max validation rules for DateTime Pickers @LastDreamer
• Improve typescript defenitions

Firstly big thanks to 3 contributors, that makes this release possible
Release highlights ✨

We have update to material-ui beta.31!

Fixes

• Fix displaying error if value is null @cherniavskii
• Fix not updating displaying value if format has been changed @cherniavskii
• [Typescript] Fix error related to passed icons props @alexanthony