Hello:
When I tried to set textfield as fullwidth, I found the icon of closing would display at wrong location (It would fell-off to the second row. I suggested to add some containers to package the datetimepicker and closing icon. For example:
<div className="col-xs-10"><datetimePicker /></div><div className="col-xs-2><Icon /></div>"
How do you think?

Subj.
Material UI DatePicker and TimePicker have such a nice property - it's rather painful to lose it.

I get the following error.

Hello:
I had found there was type error in DatePicker and TimePicker. When building the demo codes, console would show warning said: "Failed prop type: Invalid prop TimePicker of type function supplied to DateTimePicker, expected object.". Same message with DatePicker. I tried to modify the source code to propTypes.func.isRequired then the warning was gone. Please help for checking if this issue is existed or not. Thanks.
By the way, this project was an awesome job. It saved me a lot of time. Thanks for contribution of authors.

Сейчас import не резолвит пакет, т.к. в поле main указан несуществующий путь

I'm getting a weird problem when clearing the value from a field. See below. The value overlays on top of the floating text. Very weird.

Here's how I'm using it:

<DateTimePicker DatePicker={DatePickerDialog} TimePicker={TimePickerDialog} name="pickupWindowStart"
                                  floatingLabelText="Pickup Window Start" fullWidth={true} floatingLabelFixed={true}
                                  value={this.timeToDate(this.state.order.pickupWindowStart)}
                                  onChange={(e,v) => this.setOrderField('pickupWindowStart', this.dateToTime(v || e))} />

In this example I am passing in a Java Date() object or an empty string (I've also tried "null" and "undefined" when it is cleared) when it is empty.

Hi mate, first thing to mention this expansion really helps me.

I want to know that after disabled the field is there any way to avoid the clearIcon button because when I give the disabled property to the field it will only disable the date or time field but clearIcon remains accessible.
I also set the clearIcon property to null but it only hides the clearIcon not removes it from there we can still clear the field after clicking the right corner of it.

Thanks.

Hi, first it is an amazing expansion of Material UI!

But I have a question. When I am on a mobile device and want to select the date time picker, my keyboard jumps up, which is unnecessary, since you select the date by clicking on it. Is there a way to tell the component, not to focus on the input field on click, to prevent the keyboard jumping up?

Thanks, Balázs

How can I set default date?

Hi there,
thanks for this very nice component!

I ran into a weird problem I can't figure out on my own:

I'm trying to update the defaultTime after DateTimePicker is mounted but changing the assigned state value is not re-rendering the component properly:

          <DateTimePicker
            defaultTime={this.state.dateTime}

When e.g. running this in a click handler the input field of DateTimerPicker is not updated:

this.setState({dateTime: moment().add(30, "minutes")})

Is there a way to update the dateTime from the parent component or is this currently not supported?

Thanks!

If you tab into the field and start typing, you are able to type characters which totally messes up the onChange event values.

import DateTimePicker from 'material-ui-datetimepicker';
I'm getting this error after just importing it.

While I'm able to control the initial state of the TextField, when I activate the DateTimePicker, the picker that's displayed, still always defaults to Date.now().

It appears this was similar to the issue here for TimePicker: #15

You can see the behavior here: https://codesandbox.io/s/rrrvp0ljkn
If you click the first picker area, the DatePicker displayed gives you the correct date. But if you click on the DateTimePicker element, you get the current date.

AFAICT, the problem lies in the fact that the interface to DateTimePicker only allows for setting the value prop. While DatePicker has a value prop that can control the date for it, the DatePickerDialog does NOT have the value prop, but instead uses the initialDate prop, to then set the underlying value prop on it's DatePicker: https://github.com/mui-org/material-ui/blob/master/src/DatePicker/DatePickerDialog.js#L22

After updating to React 16, I get the following warning:

proxyConsole.js:54 Warning: React does not recognize the `timePickerDelay` prop on a DOM 
element. If you intentionally want it to appear in the DOM as a custom attribute, spell
it as lowercase `timepickerdelay` instead. If you accidentally passed it from a parent
component, remove it from the DOM element.
    in input (created by n)
    in div (created by n)
    in n (created by t)
    in span (created by t)
    in t (at NewBooking.jsx:408)
    in div (created by StepContent)
    in div (created by ExpandTransitionChild)
    in div (created by ExpandTransitionChild)
    in ExpandTransitionChild
    in div
    in TransitionGroup (created by ExpandTransition)
    in ExpandTransition (created by ExpandTransition)
    in ExpandTransition (created by StepContent)
    in div (created by StepContent)
    in StepContent (at NewBooking.jsx:405)
    in div (created by Step)
    in Step (at NewBooking.jsx:403)
    in div (created by Stepper)
    in Stepper (at NewBooking.jsx:336)
    in div (at NewBooking.jsx:335)
    in VerticalLinearStepper (at NewBooking.jsx:229)
    in div (created by DialogInline)
    in div (created by Paper)
    in Paper (created by DialogInline)
    in div (created by TransitionItem)
    in TransitionItem
    in div
    in TransitionGroup (created by DialogInline)
    in div (created by DialogInline)
    in DialogInline

Hi!
I just began experimenting with this component. It seems changing the locale of DatePickerDialog does not seem easy. Am I missing something here? Is there any way to accomplish this without adding new features? If not, should not it be a new feature?
Neo

I need to select only year, not need a day, month and time.
So is there way to select only year

Current setting on my doc:
clearIcon={null}
Documentation:
clearIcon={} // set null to not render nothing

I can still click on the button even though it is invisible. This is not a big deal for us, but I wanted to let you know. The package is working great otherwise, thank you for creating it.

Additional Issue related: In an effort to "catch" a user trying to delete a date/time by clicking on the invisible delete icon, I have found the following to be true..

If you add some logic to your onChange that essentially does not set the state of the date object of its' value is null (aka user has clicked on the delete button) your state will be preserved. However, the datetimepicker does not render this value. Instead it wipes what the user sees (because the clicked delete) You can check in memory that the value still exists because you stopped them from changing it, but the user will still believe the deleted it. I would suggest removing whatever logic is in place to wipe the "entry field" and instead always show the value that it is fed. OR change the clearIcon functionality to actually not allow them to delete the date object when it is set to null.

I hope this makes sense.

Hello:
When I tried to set default time to datetime picker, I found timepicker would always the current time instead of the time I set. I tried to modify source codes as:
<TimePicker **initialTime**=... />
Then it worked. Please checked if it was right. Thanks.

Hello guys,

Hope you're doing well.
Thanks for this nice component!

I just download this library and started to use but i realized a problem with the onChange method.
My method setDatetime is not called :(

<DateTimePicker DatePicker={DatePickerDialog} TimePicker={TimePickerDialog} onChange={this.setDatetime} />

setDatetime = (datetime) => { console.log(datetime); }

Any errors in the console..
What happened?

i looked the material-ui-datepicker code and i saw you tried to fire up the onChange method inside SelectTime function but you the prop "onAccept" on material-ui timepicker but this props doesnt exist right?
Please let me know if am doing something wrong!
Thaaaaaaank you!!

The current implementation allows for onDatePickerDismiss but there's no onTimePickerDismiss property.

That property should passthrough to the onDismiss prop for the TimePicker.

This would allow it to be more flexible, for some reason some of the other react date time pickers are acting horrible, yours works, but I only need it for dates :)

thanks!