mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(date-picker): move l10n customization to createCalendar

Browse source
This commit is contained in:
Eric Liu 2020-02-03 15:37:15 -08:00
commit 0d317671b0
1 changed files with 12 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/DatePicker/createCalendar.js
View file

@ -3,13 +3,6 @@ import l10n from 'flatpickr/dist/l10n/index.js';
import rangePlugin from 'flatpickr/dist/plugins/rangePlugin'; import rangePlugin from 'flatpickr/dist/plugins/rangePlugin';
import { cx } from '../../lib'; import { cx } from '../../lib';
if (l10n.en) {
l10n.en.weekdays.shorthand.forEach((_, index) => {
const shorthand = _.slice(0, 2);
l10n.en.weekdays.shorthand[index] = shorthand === 'Th' ? 'Th' : shorthand.charAt(0);
});
}
function updateClasses(instance) { function updateClasses(instance) {
const { calendarContainer, days, daysContainer, weekdayContainer, selectedDates } = instance; const { calendarContainer, days, daysContainer, weekdayContainer, selectedDates } = instance;
@ -48,12 +41,23 @@ function updateMonthNode(instance) {
} }
function createCalendar({ options, base, input, dispatch }) { function createCalendar({ options, base, input, dispatch }) {
let locale = options.locale;
if (l10n.en) {
l10n.en.weekdays.shorthand.forEach((_, index) => {
const shorthand = _.slice(0, 2);
l10n.en.weekdays.shorthand[index] = shorthand === 'Th' ? 'Th' : shorthand.charAt(0);
});
locale = l10n.en;
}
return new flatpickr(base, { return new flatpickr(base, {
...options, ...options,
allowInput: true, allowInput: true,
disableMobile: true, disableMobile: true,
clickOpens: true, clickOpens: true,
locale: l10n[options.locale], locale,
plugins: [options.mode === 'range' && new rangePlugin({ position: 'left', input })].filter( plugins: [options.mode === 'range' && new rangePlugin({ position: 'left', input })].filter(
Boolean Boolean
), ),