Ractive Ez Time Picker

Time picker component for ractive.js

Demo

Install

npm i ractive-ez-timepicker

import 'ractive-ez-timepicker';
import 'ractive-ez-timepicker/themes/blue.less';

Requires less-loader

Usage

<EzTimePicker value="{{ value }}" on-change="@this.handleDateChange($1)" />
<EzTimePicker value="{{ value }}" format="hh:mm" required="false" />
<EzTimePicker value="{{ value }}" format="hh:mm:ss" disabled="true"/>

• value: Date or null
• required: True if the input is required
• disabled: True if the time picker is disabled
• format: Format to use when viewing/editing the time, can use hh, mm, ss