Localization

1// Default English labels
2{
3  labels: {
4    ok: 'Ok',
5    cancel: 'Cancel',
6    am: 'AM',
7    pm: 'PM'
8  }
9}

1const picker = new TimepickerUI(input, {
2  labels: {
3    ok: 'Aceptar',
4    cancel: 'Cancelar',
5    am: 'AM',
6    pm: 'PM'
7  }
8});
9
10picker.create();

1const picker = new TimepickerUI(input, {
2  labels: {
3    ok: 'Valider',
4    cancel: 'Annuler',
5    am: 'AM',
6    pm: 'PM'
7  }
8});
9
10picker.create();

1const picker = new TimepickerUI(input, {
2  labels: {
3    ok: 'OK',
4    cancel: 'Abbrechen',
5    am: 'AM',
6    pm: 'PM'
7  }
8});
9
10picker.create();

1import TimepickerUI from 'timepicker-ui';
2import { esLocale } from './locales/es';
3
4const picker = new TimepickerUI(input, {
5  ...esLocale,
6  clock: { type: '24h' }
7});
8
9picker.create();

1const picker = new TimepickerUI(input, {
2  clock: { type: '12h' },
3  labels: {
4    ok: 'OK',
5    cancel: 'Cancel',
6    am: 'AM',
7    pm: 'PM'
8  }
9});

1const picker = new TimepickerUI(input, {
2  clock: { type: '24h' },
3  labels: {
4    ok: 'OK',
5    cancel: 'Annuler'
6  }
7  // No am/pm labels needed for 24h format
8});

1function getLocaleTimeFormat() {
2  // Get user's locale
3  const locale = navigator.language || 'en-US';
4  
5  // Test if locale uses 12-hour format
6  const testDate = new Date(2000, 0, 1, 13, 0);
7  const formatted = testDate.toLocaleTimeString(locale);
8  
9  return formatted.includes('PM') || formatted.includes('AM') ? '12h' : '24h';
10}
11
12// Usage
13const clockType = getLocaleTimeFormat();
14const picker = new TimepickerUI(input, {
15  clock: { type: clockType }
16});
17
18picker.create();

1const picker = new TimepickerUI(input, {
2  clock: { type: '24h' },
3  labels: {
4    ok: '確認',
5    cancel: 'キャンセル'
6  }
7});

1const picker = new TimepickerUI(input, {
2  clock: { type: '24h' },
3  labels: {
4    ok: '确定',
5    cancel: '取消'
6  }
7});

1const picker = new TimepickerUI(input, {
2  clock: { type: '12h' },
3  labels: {
4    ok: 'موافق',
5    cancel: 'إلغاء',
6    am: 'ص',
7    pm: 'م'
8  }
9});

1const picker = new TimepickerUI(input, {
2  clock: { type: '24h' },
3  labels: {
4    ok: 'ОК',
5    cancel: 'Отмена'
6  }
7});

1const picker = new TimepickerUI(input, {
2  clock: { type: '24h' },
3  labels: {
4    ok: 'Confirmar',
5    cancel: 'Cancelar'
6  }
7});

1const picker = new TimepickerUI(input, {
2  clock: { type: '24h' },
3  labels: {
4    ok: 'OK',
5    cancel: 'Annulla'
6  }
7});