{"repo":"ndom91/react-timezone-select","free":true,"listed":false,"github":"https://github.com/ndom91/react-timezone-select","clone":"git clone https://github.com/ndom91/react-timezone-select.git","description":"🌐 An extremely usable and dynamic React timezone selector","language":"TypeScript","stars":243,"topics":["react","timezone","select","component","typescript","hacktoberfest"],"license":"MIT","category":"ui-components","readme_excerpt":"🌐⌚ react-timezone-select Another react timezone select component, I know.. However this one has a few key benefits! While looking around for a good option, I had trouble finding a timezone select components which: 1. Adjusted the choices automatically with Daylight Savings Time (DST) 2. Didn't have a huge list of choices to scroll through when technically only 24 (ish) are necessary [!IMPORTANT] ### Demo: ndom91.github.io/react-timezone-select This demo is also available in the ./examples directory. Simply run pnpm dev in the root of the repository and the vite dev server will start, where you can then find the example app at localhost:3001 . 🏗️ Installing [!CAUTION] The package react-select is optional. It is unnecessary if you're only using the hook. 🔭 Usage 🎨 Timezone Hook By default, react-timezone-select uses react-select as underlying select component. If you'd like to bring your own select component, you can use the useTimezoneSelect hook instead of the TimezoneSelect component to render the timezones using your self-provided select component. 🕹️ Props Prop Type Default Note value string ITimezoneOption null Initial/current Timezone onBlur () = void null onChange (timezone: ITimezoneOption) = void null labelStyle 'original' 'altName' 'abbrev' 'offsetHidden' 'original' displayValue 'GMT' 'UTC' 'GMT' Prefix for the label (i.e. \"(GMT+2:00)\" or \"(UTC+2:00)\" ) timezones Record allTimezones currentDatetime Date string null Override datetime used to calculate timezone va","default_branch":null,"files":null,"tree":[],"storefront":"/r/ndom91","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ndom91/react-timezone-select/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}