https://tahahusain.net/tags/react-datepicker/ Recent content in React-Datepicker on Taha Husain Hugo en Sun, 19 Sep 2021 11:28:55 +0530 https://tahahusain.net/posts/tech/react-datepicker-how-to-select-date-time-in-utc/ Sun, 19 Sep 2021 11:28:55 +0530 https://tahahusain.net/posts/tech/react-datepicker-how-to-select-date-time-in-utc/ <p>By default, <a href="https://www.npmjs.com/package/react-datepicker">React Datepicker</a> selects date and time in local timezone. To select date in a specified timezone we need to convert timezone manually. To do so, we may also need to use library like <a href="https://momentjs.com/timezone/">Moment Timezone</a>.</p> <p>This blog focuses on selecting date and time in standard UTC timezone and its implementation doesn&rsquo;t require extra library installation.</p> <p>The original <a href="https://github.com/JohnStarich/sage/blob/b422b0ccef05fffe29143f335017ad2fc24f76fc/web/src/UTCDatePicker.js">implementation</a> is suggested by <a href="https://github.com/JohnStarich">@JohnStarich</a>. This implementation has a bit of tweak to accommodate time picker.</p>