Laravel Form Components

Demo: Timezone Select

The timezone select component offers an easy way to render timezones in a select menu.

Available Demos

Basic Usage

Basic Timezone Select

<x-timezone-select name="basic-usage-demo" />

Excluding Regions

Demo

Source

Timezone Select with Limited Regions

Only the America and Europe regions will be present in this demo.

<x-timezone-select name="excluded-regions-demo"
                   :only="[
                       \Rawilk\FormComponents\Support\TimeZoneRegion::EUROPE,
                       \Rawilk\FormComponents\Support\TimeZoneRegion::AMERICA
                   ]" 
/>

Custom Select

Demo

Source

Timezone Select Rendered as Custom Select

Only the America and Europe regions will be present in this demo.

<x-timezone-select name="excluded-regions-demo"
                   use-custom-select
                   :only="[
                       \Rawilk\FormComponents\Support\TimeZoneRegion::EUROPE,
                       \Rawilk\FormComponents\Support\TimeZoneRegion::AMERICA
                   ]"
/>