Skip to content

Instantly share code, notes, and snippets.

@BenjaminVerble
Created August 10, 2017 17:04
Show Gist options
  • Save BenjaminVerble/2a50c5787837dccfa95ab42b2debd2da to your computer and use it in GitHub Desktop.
Save BenjaminVerble/2a50c5787837dccfa95ab42b2debd2da to your computer and use it in GitHub Desktop.
react-datepicker-bug.md
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import DatePicker from 'react-datepicker';
import moment from 'moment';
import 'react-datepicker/dist/react-datepicker.css';
class App extends Component {
constructor() {
super();
this.state = {
// utcOffset Param does not reflect correct time offset
// only modifying the startDate moment object on the line below works
// e.g. moment().utcOffset(-5)
startDate: moment()
};
}
render() {
return (
<DatePicker
dateFormat={'DD-MMM HH:mm'}
utcOffset={'-05:00'}
selected={this.state.startDate}
onChange={this.handleChange.bind(this)}
/>
);
}
handleChange(date) {
console.log(date.format('LT'))
this.setState({
startDate: date
});
}
}
ReactDOM.render(
<App />,
document.getElementById('root')
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment