1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- import { computed } from 'vue';
- import { useLocale } from '../../../../hooks/use-locale/index.mjs';
- const useMonthRangeHeader = ({
- unlinkPanels,
- leftDate,
- rightDate
- }) => {
- const { t } = useLocale();
- const leftPrevYear = () => {
- leftDate.value = leftDate.value.subtract(1, "year");
- if (!unlinkPanels.value) {
- rightDate.value = rightDate.value.subtract(1, "year");
- }
- };
- const rightNextYear = () => {
- if (!unlinkPanels.value) {
- leftDate.value = leftDate.value.add(1, "year");
- }
- rightDate.value = rightDate.value.add(1, "year");
- };
- const leftNextYear = () => {
- leftDate.value = leftDate.value.add(1, "year");
- };
- const rightPrevYear = () => {
- rightDate.value = rightDate.value.subtract(1, "year");
- };
- const leftLabel = computed(() => {
- return `${leftDate.value.year()} ${t("el.datepicker.year")}`;
- });
- const rightLabel = computed(() => {
- return `${rightDate.value.year()} ${t("el.datepicker.year")}`;
- });
- const leftYear = computed(() => {
- return leftDate.value.year();
- });
- const rightYear = computed(() => {
- return rightDate.value.year() === leftDate.value.year() ? leftDate.value.year() + 1 : rightDate.value.year();
- });
- return {
- leftPrevYear,
- rightNextYear,
- leftNextYear,
- rightPrevYear,
- leftLabel,
- rightLabel,
- leftYear,
- rightYear
- };
- };
- export { useMonthRangeHeader };
- //# sourceMappingURL=use-month-range-header.mjs.map
|