react-native-global-datetimepicker/lib/Components/MonthSwitcher/index.js

react native multi culture datetime picker

import React from 'react';
import styles from './styles';
import Assets from '../../Assets';
import { toPersianNumber } from '../../Utilities';
import { Image, Pressable, Text, View } from 'react-native';
import useDateTimePicker from '../../Hooks/useDateTimePicker';
import { CalendarType } from '../../Providers/DateTimePickerProvider';
import { yearMonthsJalali, yearMonthsGregorian } from '../../Utilities/Contants';
export default function MonthSwitcher() {
    const { year, theme, month, calendar, setMonth, setYearMonth, persianNumber } = useDateTimePicker();
    return (React.createElement(View, { style: styles.months },
        React.createElement(View, { style: styles.arrow_container },
            React.createElement(Pressable, { onPress: onBackMonth, android_ripple: { borderless: true, color: theme.ButtonRipple } },
                React.createElement(Image, { source: Assets.back(), style: [styles.arrow, { tintColor: theme.ButtonRipple }] }))),
        React.createElement(Text, { style: [styles.months_text, { color: theme.DayText }] },
            (calendar === CalendarType.Gregorian
                ? yearMonthsGregorian
                : yearMonthsJalali)[month],
            ' ',
            persianNumber ? toPersianNumber(`${year}`) : year),
        React.createElement(View, { style: styles.arrow_container },
            React.createElement(Pressable, { onPress: onForwardMonth, android_ripple: { borderless: true, color: theme.ButtonRipple } },
                React.createElement(Image, { source: Assets.forward(), style: [styles.arrow, { tintColor: theme.ButtonRipple }] })))));
    function onBackMonth() {
        if (month === 0) {
            setYearMonth(year - 1, 11);
        }
        else {
            setMonth(month - 1);
        }
    }
    function onForwardMonth() {
        if (month === 11) {
            setYearMonth(year + 1, 0);
        }
        else {
            setMonth(month + 1);
        }
    }
}
//# sourceMappingURL=index.js.map