Skip to content
On this page

NcTimezonePicker

Props

Prop nameDescriptionTypeValuesDefault
additionalTimezonesAn array of additional timezones to include with the standard database. Useful if there is a custom timezone, e.g. read from user dataarray-[]
valueThe selected timezone. Use v-model for two-way binding. The default timezone is floating, which means a time independent of timezone. See https://icalendar.org/CalDAV-Access-RFC-4791/7-3-date-and-floating-time.html for details.string-'floating'

Events

Event namePropertiesDescription
inputTwo-way binding of the value prop. Use v-model="selectedTimezone" for two-way binding

Example

vue
<template>
  <span>
    <NcTimezonePicker v-model="tz" />
  </span>
</template>
<script>
export default {
  data() {
    return {
      tz: "Hawaiian Standard Time"
    };
  }
};
</script>