Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket

react-timezone-select

Package Overview
Dependencies
Maintainers
1
Versions
101
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-timezone-select - npm Package Compare versions

Comparing version 0.8.3 to 0.8.4

LICENSE

18

package.json
{
"name": "react-timezone-select",
"version": "0.8.3",
"version": "0.8.4",
"description": "Usable, dynamic React Timezone Select",

@@ -15,9 +15,9 @@ "main": "dist/index.js",

"author": "Nico Domino <yo@ndo.dev>",
"homepage": "https://github.com/ndomino/react-timezone-select",
"homepage": "https://github.com/ndom91/react-timezone-select",
"repository": {
"type": "git",
"url": "git+https://github.com/ndomino/react-timezone-select.git"
"url": "git+https://github.com/ndom91/react-timezone-select.git"
},
"bugs": {
"url": "https://github.com/ndomino/react-timezone-select/issues"
"url": "https://github.com/ndom91/react-timezone-select/issues"
},

@@ -40,9 +40,9 @@ "keywords": [

"react-select": "^3.1.0",
"spacetime": "^6.6.1"
"spacetime": "^6.6.2"
},
"devDependencies": {
"@babel/cli": "^7.10.4",
"@babel/core": "^7.10.4",
"@babel/cli": "^7.10.5",
"@babel/core": "^7.11.0",
"@babel/plugin-proposal-class-properties": "^7.10.4",
"@babel/preset-env": "^7.10.4",
"@babel/preset-env": "^7.11.0",
"@babel/preset-react": "^7.10.4",

@@ -57,3 +57,3 @@ "babel-loader": "^8.1.0",

"style-loader": "^1.2.1",
"webpack": "^4.43.0",
"webpack": "^4.44.1",
"webpack-cli": "^3.3.12",

@@ -60,0 +60,0 @@ "webpack-dev-server": "^3.11.0"

# 🌐⌚ react-timezone-select
[![Bundlephobia](https://badgen.net/bundlephobia/minzip/react-timezone-select?style=flat-square)](https://bundlephobia.com/result?p=react-timezone-select@0.8.3)
[![NPM Downloads](https://img.shields.io/npm/dm/react-timezone-select?style=flat-square)](https://www.npmjs.com/package/react-timezone-select)
[![npm](https://img.shields.io/npm/v/react-timezone-select?style=flat-square)](https://www.npmjs.com/package/react-timezone-select)
[![GitHub issues](https://img.shields.io/github/issues/ndom91/react-timezone-select?style=flat-square)](https://github.com/ndom91/react-timezone-select)
![NPM](https://img.shields.io/npm/l/react-timezone-select?style=flat-square)
[![GitHub issues](https://img.shields.io/github/issues/ndom91/react-timezone-select?style=flat-square)](https://github.com/ndom91/react-timezone-select/issues)
[![MIT](https://badgen.net/badge/license/MIT/blue?style=flat-square)](https://github.com/ndom91/react-timezone-select/blob/main/LICENSE)
Another react timezone select component, I know.. However this one has a few key benefits!
While looking around for a good one, I had trouble finding a timezone select components which:
While looking around for a good option, I had trouble finding a timezone select components which:
**1**) Adjusted the choices with Daylight Savings Time (DST)
**2**) Didn't have a huge list of choices to scroll through when technically only 24 (ish) are necessary.
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

@@ -67,2 +68,9 @@ > Update: **v0.7+** now built with [`spacetime`](https://github.com/spencermountain/spacetime) instead of [`moment.js`](https://momentjs.com), reducing bundle size by **~66%**!

## 🕹ī¸ Props
- `value` - `{ value: string, label: string }`
- `onBlur` - `() => void`
- `onChange` - `(timezone) => void`
- any other `react-select` props, className, etc. - we pass it all on down now.
## đŸ–Ĩī¸ Example

@@ -74,5 +82,5 @@

> ![Screenshot 1](https://github.com/ndom91/react-timezone-select/blob/main/screenshots/1.png?raw=true)
> ![Screenshot 1](https://imgur.com/6lnxeEV.png)
> ![Screenshot 3](https://github.com/ndom91/react-timezone-select/blob/main/screenshots/3.png?raw=true)
> ![Screenshot 3](https://imgur.com/HF6E9hH.png)

@@ -79,0 +87,0 @@ ## 🚧 Contributing

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡ī¸ by Socket Inc