0.5.5 • Published 4 days ago
@bigbinary/neeto-time-zones v0.5.5
@bigbinary/neeto-time-zones
A simple and lightweight NPM package for working with time zones. This package provides a human friendly timezone selector and utility functions for timezones.
Installation
You can install the package using npm:
npm install @bigbinary/neeto-time-zones
NeetoTimezoneSelector
import { NeetoTimezoneSelector } from "@bigbinary/neeto-time-zones";
new NeetoTimezoneSelector(document.getElementById("elementId"));
Configuration
You can pass options as the second parameter to configure the timezone selector component.
- elementId: ID for the NeetoTimezoneSelector. By default the ID will be
timezone-selector
- className: Custom classes that can be added to the component.
- onChange: Function to be called when the timezone selector changes.
- position: Position in which the selector should open in. Available options:
top
,bottom
. Default position isbottom
. - onHourFormatChange: Function to be called when the time format changes.
import { NeetoTimezoneSelector } from "@bigbinary/neeto-time-zones";
new NeetoTimezoneSelector(document.getElementById("elementId"), {
className: "custom-selector-class",
onChange: (timezone) => {
console.log(timezone);
},
elementId: "custom-selector-element",
position: "top",
});
ianaTimezoneToHumanReadble
import { ianaTimezoneToHumanReadable } from "@bigbinary/neeto-time-zones";
ianaTimezoneToHumanReadable("Asia/Calcutta") // => Indian Standard Time
ianaTimezoneToHumanReadable("America/New_York") // => Eastern Standard Time
ianaTimezoneToHumanReadable("Europe/Berlin") // => Central Standard Time
Development
Clone the repo
git clone git@github.com:bigbinary/neeto-time-zones.git
cd neeto-timezones/js
pnpm install
pnpm dev
Publishing to npm
- Bump
package.json
version - Commit and push
pnpm build && pnpm publish