Range Plugin

1import { TimepickerUI, PluginRegistry } from 'timepicker-ui';
2import { RangePlugin } from 'timepicker-ui/plugins/range';
3
4PluginRegistry.register(RangePlugin);
5
6const picker = new TimepickerUI(input, {
7  range: {
8    enabled: true
9  }
10});
11picker.create();

1import { TimepickerUI, PluginRegistry } from 'timepicker-ui';
2import { RangePlugin } from 'timepicker-ui/plugins/range';
3
4PluginRegistry.register(RangePlugin);
5
6const picker = new TimepickerUI(input, {
7  range: {
8    enabled: true,
9    fromLabel: 'Start',
10    toLabel: 'End'
11  }
12});
13picker.create();

1import { TimepickerUI, PluginRegistry } from 'timepicker-ui';
2import { RangePlugin } from 'timepicker-ui/plugins/range';
3
4PluginRegistry.register(RangePlugin);
5
6const picker = new TimepickerUI(input, {
7  range: {
8    enabled: true,
9    minDuration: 30,  // min 30 minutes
10    maxDuration: 240  // max 4 hours
11  }
12});
13picker.create();

1import { TimepickerUI, PluginRegistry } from 'timepicker-ui';
2import { RangePlugin } from 'timepicker-ui/plugins/range';
3
4PluginRegistry.register(RangePlugin);
5
6const picker = new TimepickerUI(input, {
7  clock: {
8    type: '24h'
9  },
10  range: {
11    enabled: true
12  }
13});
14picker.create();