@mui/x-date-pickers
Version:
The community edition of the Date and Time Picker components (MUI X).
536 lines (535 loc) • 14.7 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
/* eslint-disable class-methods-use-this */
import addSeconds from 'date-fns-jalali/addSeconds';
import addMinutes from 'date-fns-jalali/addMinutes';
import addHours from 'date-fns-jalali/addHours';
import addDays from 'date-fns-jalali/addDays';
import addWeeks from 'date-fns-jalali/addWeeks';
import addMonths from 'date-fns-jalali/addMonths';
import addYears from 'date-fns-jalali/addYears';
import endOfDay from 'date-fns-jalali/endOfDay';
import endOfWeek from 'date-fns-jalali/endOfWeek';
import endOfYear from 'date-fns-jalali/endOfYear';
import dateFnsFormat from 'date-fns-jalali/format';
import getHours from 'date-fns-jalali/getHours';
import getSeconds from 'date-fns-jalali/getSeconds';
import getMilliseconds from 'date-fns-jalali/getMilliseconds';
import getWeek from 'date-fns-jalali/getWeek';
import getYear from 'date-fns-jalali/getYear';
import getMonth from 'date-fns-jalali/getMonth';
import getDate from 'date-fns-jalali/getDate';
import getDaysInMonth from 'date-fns-jalali/getDaysInMonth';
import getMinutes from 'date-fns-jalali/getMinutes';
import isAfter from 'date-fns-jalali/isAfter';
import isBefore from 'date-fns-jalali/isBefore';
import isEqual from 'date-fns-jalali/isEqual';
import isSameDay from 'date-fns-jalali/isSameDay';
import isSameYear from 'date-fns-jalali/isSameYear';
import isSameMonth from 'date-fns-jalali/isSameMonth';
import isSameHour from 'date-fns-jalali/isSameHour';
import isValid from 'date-fns-jalali/isValid';
import dateFnsParse from 'date-fns-jalali/parse';
import setDate from 'date-fns-jalali/setDate';
import setHours from 'date-fns-jalali/setHours';
import setMinutes from 'date-fns-jalali/setMinutes';
import setMonth from 'date-fns-jalali/setMonth';
import setSeconds from 'date-fns-jalali/setSeconds';
import setMilliseconds from 'date-fns-jalali/setMilliseconds';
import setYear from 'date-fns-jalali/setYear';
import startOfDay from 'date-fns-jalali/startOfDay';
import startOfMonth from 'date-fns-jalali/startOfMonth';
import endOfMonth from 'date-fns-jalali/endOfMonth';
import startOfWeek from 'date-fns-jalali/startOfWeek';
import startOfYear from 'date-fns-jalali/startOfYear';
import isWithinInterval from 'date-fns-jalali/isWithinInterval';
import defaultLocale from 'date-fns-jalali/locale/fa-IR';
// @ts-ignore
import longFormatters from 'date-fns-jalali/_lib/format/longFormatters';
const formatTokenMap = {
// Year
y: {
sectionType: 'year',
contentType: 'digit',
maxLength: 4
},
yy: 'year',
yyy: {
sectionType: 'year',
contentType: 'digit',
maxLength: 4
},
yyyy: 'year',
// Month
M: {
sectionType: 'month',
contentType: 'digit',
maxLength: 2
},
MM: 'month',
MMMM: {
sectionType: 'month',
contentType: 'letter'
},
MMM: {
sectionType: 'month',
contentType: 'letter'
},
L: {
sectionType: 'month',
contentType: 'digit',
maxLength: 2
},
LL: 'month',
LLL: {
sectionType: 'month',
contentType: 'letter'
},
LLLL: {
sectionType: 'month',
contentType: 'letter'
},
// Day of the month
d: {
sectionType: 'day',
contentType: 'digit',
maxLength: 2
},
dd: 'day',
do: {
sectionType: 'day',
contentType: 'digit-with-letter'
},
// Day of the week
E: {
sectionType: 'weekDay',
contentType: 'letter'
},
EE: {
sectionType: 'weekDay',
contentType: 'letter'
},
EEE: {
sectionType: 'weekDay',
contentType: 'letter'
},
EEEE: {
sectionType: 'weekDay',
contentType: 'letter'
},
EEEEE: {
sectionType: 'weekDay',
contentType: 'letter'
},
i: {
sectionType: 'weekDay',
contentType: 'digit',
maxLength: 1
},
ii: 'weekDay',
iii: {
sectionType: 'weekDay',
contentType: 'letter'
},
iiii: {
sectionType: 'weekDay',
contentType: 'letter'
},
e: {
sectionType: 'weekDay',
contentType: 'digit',
maxLength: 1
},
ee: 'weekDay',
eee: {
sectionType: 'weekDay',
contentType: 'letter'
},
eeee: {
sectionType: 'weekDay',
contentType: 'letter'
},
eeeee: {
sectionType: 'weekDay',
contentType: 'letter'
},
eeeeee: {
sectionType: 'weekDay',
contentType: 'letter'
},
c: {
sectionType: 'weekDay',
contentType: 'digit',
maxLength: 1
},
cc: 'weekDay',
ccc: {
sectionType: 'weekDay',
contentType: 'letter'
},
cccc: {
sectionType: 'weekDay',
contentType: 'letter'
},
ccccc: {
sectionType: 'weekDay',
contentType: 'letter'
},
cccccc: {
sectionType: 'weekDay',
contentType: 'letter'
},
// Meridiem
a: 'meridiem',
aa: 'meridiem',
aaa: 'meridiem',
// Hours
H: {
sectionType: 'hours',
contentType: 'digit',
maxLength: 2
},
HH: 'hours',
h: {
sectionType: 'hours',
contentType: 'digit',
maxLength: 2
},
hh: 'hours',
// Minutes
m: {
sectionType: 'minutes',
contentType: 'digit',
maxLength: 2
},
mm: 'minutes',
// Seconds
s: {
sectionType: 'seconds',
contentType: 'digit',
maxLength: 2
},
ss: 'seconds'
};
const defaultFormats = {
year: 'yyyy',
month: 'LLLL',
monthShort: 'MMM',
dayOfMonth: 'd',
dayOfMonthFull: 'do',
weekday: 'EEEE',
weekdayShort: 'EEEEEE',
hours24h: 'HH',
hours12h: 'hh',
meridiem: 'aa',
minutes: 'mm',
seconds: 'ss',
fullDate: 'PPP',
keyboardDate: 'P',
shortDate: 'd MMM',
normalDate: 'd MMMM',
normalDateWithWeekday: 'EEE, d MMMM',
fullTime: 'p',
fullTime12h: 'hh:mm aaa',
fullTime24h: 'HH:mm',
keyboardDateTime: 'P p',
keyboardDateTime12h: 'P hh:mm aa',
keyboardDateTime24h: 'P HH:mm'
};
const NUMBER_SYMBOL_MAP = {
'1': '۱',
'2': '۲',
'3': '۳',
'4': '۴',
'5': '۵',
'6': '۶',
'7': '۷',
'8': '۸',
'9': '۹',
'0': '۰'
};
/**
* Based on `@date-io/date-fns-jalali`
*
* MIT License
*
* Copyright (c) 2017 Dmitriy Kovalenko
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
export class AdapterDateFnsJalali {
constructor({
locale: _locale,
formats
} = {}) {
this.isMUIAdapter = true;
this.isTimezoneCompatible = false;
this.lib = 'date-fns-jalali';
this.locale = void 0;
this.formats = void 0;
this.formatTokenMap = formatTokenMap;
this.escapedCharacters = {
start: "'",
end: "'"
};
this.date = value => {
if (typeof value === 'undefined') {
return new Date();
}
if (value === null) {
return null;
}
return new Date(value);
};
this.getInvalidDate = () => new Date('Invalid Date');
this.getTimezone = () => {
return 'default';
};
this.setTimezone = value => {
return value;
};
this.toJsDate = value => {
return value;
};
this.parse = (value, format) => {
if (value === '') {
return null;
}
return dateFnsParse(value, format, new Date(), {
locale: this.locale
});
};
this.getCurrentLocaleCode = () => {
return this.locale?.code || 'fa-IR';
};
// Note: date-fns input types are more lenient than this adapter, so we need to expose our more
// strict signature and delegate to the more lenient signature. Otherwise, we have downstream type errors upon usage.
this.is12HourCycleInCurrentLocale = () => {
if (this.locale) {
return /a/.test(this.locale.formatLong.time());
}
// By default, date-fns-jalali is using fa-IR locale with am/pm enabled
return true;
};
this.expandFormat = format => {
// @see https://github.com/date-fns/date-fns/blob/master/src/format/index.js#L31
const longFormatRegexp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
const locale = this.locale ?? defaultLocale;
return format.match(longFormatRegexp).map(token => {
const firstCharacter = token[0];
if (firstCharacter === 'p' || firstCharacter === 'P') {
const longFormatter = longFormatters[firstCharacter];
return longFormatter(token, locale.formatLong, {});
}
return token;
}).join('');
};
this.isValid = value => {
if (value == null) {
return false;
}
return isValid(value);
};
this.format = (value, formatKey) => {
return this.formatByString(value, this.formats[formatKey]);
};
this.formatByString = (value, formatString) => {
return dateFnsFormat(value, formatString, {
locale: this.locale
});
};
this.formatNumber = numberToFormat => {
return numberToFormat.replace(/\d/g, match => NUMBER_SYMBOL_MAP[match]).replace(/,/g, '،');
};
this.isEqual = (value, comparing) => {
if (value === null && comparing === null) {
return true;
}
if (value === null || comparing === null) {
return false;
}
return isEqual(value, comparing);
};
this.isSameYear = (value, comparing) => {
return isSameYear(value, comparing);
};
this.isSameMonth = (value, comparing) => {
return isSameMonth(value, comparing);
};
this.isSameDay = (value, comparing) => {
return isSameDay(value, comparing);
};
this.isSameHour = (value, comparing) => {
return isSameHour(value, comparing);
};
this.isAfter = (value, comparing) => {
return isAfter(value, comparing);
};
this.isAfterYear = (value, comparing) => {
return isAfter(value, this.endOfYear(comparing));
};
this.isAfterDay = (value, comparing) => {
return isAfter(value, this.endOfDay(comparing));
};
this.isBefore = (value, comparing) => {
return isBefore(value, comparing);
};
this.isBeforeYear = (value, comparing) => {
return isBefore(value, this.startOfYear(comparing));
};
this.isBeforeDay = (value, comparing) => {
return isBefore(value, this.startOfDay(comparing));
};
this.isWithinRange = (value, [start, end]) => {
return isWithinInterval(value, {
start,
end
});
};
this.startOfYear = value => {
return startOfYear(value);
};
this.startOfMonth = value => {
return startOfMonth(value);
};
this.startOfWeek = value => {
return startOfWeek(value, {
locale: this.locale
});
};
this.startOfDay = value => {
return startOfDay(value);
};
this.endOfYear = value => {
return endOfYear(value);
};
this.endOfMonth = value => {
return endOfMonth(value);
};
this.endOfWeek = value => {
return endOfWeek(value, {
locale: this.locale
});
};
this.endOfDay = value => {
return endOfDay(value);
};
this.addYears = (value, amount) => {
return addYears(value, amount);
};
this.addMonths = (value, amount) => {
return addMonths(value, amount);
};
this.addWeeks = (value, amount) => {
return addWeeks(value, amount);
};
this.addDays = (value, amount) => {
return addDays(value, amount);
};
this.addHours = (value, amount) => {
return addHours(value, amount);
};
this.addMinutes = (value, amount) => {
return addMinutes(value, amount);
};
this.addSeconds = (value, amount) => {
return addSeconds(value, amount);
};
this.getYear = value => {
return getYear(value);
};
this.getMonth = value => {
return getMonth(value);
};
this.getDate = value => {
return getDate(value);
};
this.getHours = value => {
return getHours(value);
};
this.getMinutes = value => {
return getMinutes(value);
};
this.getSeconds = value => {
return getSeconds(value);
};
this.getMilliseconds = value => {
return getMilliseconds(value);
};
this.setYear = (value, year) => {
return setYear(value, year);
};
this.setMonth = (value, month) => {
return setMonth(value, month);
};
this.setDate = (value, date) => {
return setDate(value, date);
};
this.setHours = (value, hours) => {
return setHours(value, hours);
};
this.setMinutes = (value, minutes) => {
return setMinutes(value, minutes);
};
this.setSeconds = (value, seconds) => {
return setSeconds(value, seconds);
};
this.setMilliseconds = (value, milliseconds) => {
return setMilliseconds(value, milliseconds);
};
this.getDaysInMonth = value => {
return getDaysInMonth(value);
};
this.getWeekArray = value => {
const start = this.startOfWeek(this.startOfMonth(value));
const end = this.endOfWeek(this.endOfMonth(value));
let count = 0;
let current = start;
const nestedWeeks = [];
while (this.isBefore(current, end)) {
const weekNumber = Math.floor(count / 7);
nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
nestedWeeks[weekNumber].push(current);
current = this.addDays(current, 1);
count += 1;
}
return nestedWeeks;
};
this.getWeekNumber = date => {
return getWeek(date, {
locale: this.locale
});
};
this.getYearRange = ([start, end]) => {
const startDate = this.startOfYear(start);
const endDate = this.endOfYear(end);
const years = [];
let current = startDate;
while (this.isBefore(current, endDate)) {
years.push(current);
current = this.addYears(current, 1);
}
return years;
};
this.locale = _locale;
this.formats = _extends({}, defaultFormats, formats);
}
getDayOfWeek(value) {
return value.getDay() + 1;
}
}