Set timezone React-Datepicker

reactjs react-datepicker
MarksCode picture MarksCode · Oct 29, 2018 · Viewed 17.3k times · Source

I'm using the react-datepicker to let user select a date. However, right now it uses local time (PDT), but I want to hardcode it to use a specific timezone (PST).

I tried using utcOffset prop but it doesn't seem to be doing anything. Does anyone know how to accomplish this?

Answer

Matt2772 picture Matt2772 · Oct 23, 2019

For my part I set the defaultTimezone before rendering the React-dates plugin. React-dates will just use the default timezone.

moment.tz.setDefault('America/Los_Angeles');

Related questions

Change locale in react-datepicker

I am using react-datepicker NPM package, I tried to follow documentation but I was unable to import registerLocale and setDefaultLocale from react-datepicker Do you see where I make mistake? import DatePicker from 'react-datepicker'; ... <DatePicker { ...this.props } dateFormat={ this.dateFormat } …

Read More
React-datepicker with a Formik form

I'm trying to use react-datepicker in a Formik form. I have: import DatePicker from "react-datepicker"; import "react-datepicker/dist/react-datepicker.css"; class Fuate extends React.Component { state = { dueDate: new Date() } <Formik initialValues={initialValues} validationSchema={Yup.object().shape({ title: Yup.string().…

Read More
react-datepicker input width will not adjust to 100%

I am attempting to adjust the width of the react-datepicker input box and surprisingly have found little information out there and am unable to effect its width. I would just like to make the input width 100% of its containing div. …

Read More