UNPKG

vue-persian-calendar-datepicker

Version:

A Vue 3 Persian calendar and datepicker with official Iranian holidays, Jalali, Hijri, and Gregorian date support.

3 lines (2 loc) 9.61 kB
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode('[data-v-5ae742e6]:root{--bg-color: #f5f5f5;--text-color: #333;--nav-btn-color: #cccccc;--nav-btn-hover: #b8b8b8;--day-name-bg: #e0e0e0;--day-name-text: #333;--day-bg: #ffffff;--day-text: #333;--day-hover: #e8e8e8;--today-bg: rgba(76, 79, 255, .53);--today-text: #ffffff;--selected-bg: rgba(117, 206, 72, .49);--selected-text: #ffffff;--friday-bg: rgba(255, 52, 52, .55);--friday-text: #ffffff;--info-bg: #ffffff;--info-text: #333;--border-color: #ccc;--disabled-opacity: .3}.persian-calendar[data-v-5ae742e6]{width:100%;max-width:700px;margin:0 auto;padding:1rem;border-radius:8px;direction:rtl;font-family:Tahoma,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.calendar-header[data-v-5ae742e6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.nav-btn[data-v-5ae742e6]{padding:.5rem 1rem;background-color:var(--nav-btn-color);border:1px solid var(--border-color);border-radius:5px;cursor:pointer;transition:background-color .2s;color:var(--text-color)}.nav-btn[data-v-5ae742e6]:hover{background-color:var(--nav-btn-hover)}.year-display[data-v-5ae742e6],.month-display[data-v-5ae742e6]{min-width:80px;text-align:center;font-weight:700;color:var(--text-color)}.day-name[data-v-5ae742e6]{text-align:center;padding:.5rem;font-weight:700;background-color:var(--day-name-bg);border-radius:4px;color:var(--day-name-text)}.calendar-day[data-v-5ae742e6]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--border-color);border-radius:5px;cursor:pointer;transition:all .2s;background-color:var(--day-bg);color:var(--day-text);position:relative}.calendar-day[data-v-5ae742e6]:not(.disabled):not(.selected):hover{background-color:var(--day-hover);transform:scale(1.05)}.calendar-day.today[data-v-5ae742e6]{background-color:var(--today-bg);color:var(--today-text);font-weight:700}.calendar-day.selected[data-v-5ae742e6]{background-color:var(--selected-bg);color:var(--selected-text);font-weight:700}.calendar-day.friday[data-v-5ae742e6],.calendar-day.holiday[data-v-5ae742e6]{background-color:var(--friday-bg);color:var(--friday-text)}.day-info[data-v-5ae742e6],.day-events[data-v-5ae742e6]{text-align:center;padding:1rem;line-height:1.8;background-color:var(--info-bg);border-radius:5px;margin-top:1rem;color:var(--info-text)}.year-selector[data-v-5ae742e6],.month-selector[data-v-5ae742e6]{display:flex;align-items:center;gap:.5rem}.day-names[data-v-5ae742e6]{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.calendar-days[data-v-5ae742e6]{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1rem}.calendar-day.disabled[data-v-5ae742e6]{opacity:var(--disabled-opacity);cursor:not-allowed}.calendar-day.has-event[data-v-5ae742e6]:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:5px;height:5px;background:#f39c12;border-radius:50%}.calendar-day.selected.has-event[data-v-5ae742e6]:after,.calendar-day.today.has-event[data-v-5ae742e6]:after{background:var(--today-text)}.event-group[data-v-5ae742e6]{margin:.5rem 0}.event-group span[data-v-5ae742e6]{display:block;padding:.25rem 0}[data-v-7391df4c]:root{--input-bg: #fff;--input-text: #333;--input-border: #e0e0e0;--input-border-hover: #3498db;--input-border-focus: #3498db;--input-focus-shadow: rgba(52, 152, 219, .2);--icon-color: #7f8c8d;--icon-color-hover: #3498db;--clear-color: #7f8c8d;--clear-color-hover: #e74c3c;--popup-bg: #fff;--popup-border: #e0e0e0;--popup-shadow: rgba(0, 0, 0, .15);--nav-btn-bg: #f5f5f5;--nav-btn-bg-hover: #e0e0e0;--nav-btn-text: #333;--year-month-text: #2c3e50;--quick-btn-bg: #3498db;--quick-btn-bg-hover: #2980b9;--quick-btn-text: #fff;--day-name-text: #7f8c8d;--day-name-bg: transparent;--day-bg: transparent;--day-text: #333;--day-bg-hover: #f5f5f5;--today-bg: #e8f0fe;--today-text: #3498db;--selected-bg: #3498db;--selected-text: #fff;--friday-text: #e74c3c;--holiday-text: #e74c3c;--disabled-opacity: .4;--event-dot-color: #f39c12;--footer-border-color: transparent;--footer-text: #7f8c8d}.persian-datepicker-wrapper[data-v-7391df4c]{position:relative;width:100%;direction:rtl;font-size:.9rem;font-family:Tahoma,sans-serif}.datepicker-input-container[data-v-7391df4c]{display:flex;align-items:center;position:relative}.datepicker-input[data-v-7391df4c]{width:100%;padding:.6rem 2.5rem .6rem .8rem;border:1px solid var(--input-border);border-radius:6px;background:var(--input-bg);color:var(--input-text);cursor:pointer;transition:border-color .2s ease}.datepicker-input[data-v-7391df4c]:hover{border-color:var(--input-border-hover)}.datepicker-input[data-v-7391df4c]:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 2px var(--input-focus-shadow)}.datepicker-input[data-v-7391df4c]:disabled{cursor:not-allowed;opacity:.6}.datepicker-icon[data-v-7391df4c]{position:absolute;right:.6rem;color:var(--icon-color);cursor:pointer;display:flex;align-items:center;transition:color .2s ease}.datepicker-icon[data-v-7391df4c]:hover{color:var(--icon-color-hover)}.datepicker-clear[data-v-7391df4c]{position:absolute;left:.6rem;background:none;border:none;color:var(--clear-color);font-size:1.5rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.datepicker-clear[data-v-7391df4c]:hover{color:var(--clear-color-hover)}.datepicker-popup[data-v-7391df4c]{position:absolute;z-index:1000;background:var(--popup-bg);border:1px solid var(--popup-border);border-radius:6px;padding:.8rem;min-width:300px;left:0;right:0;box-shadow:0 4px 12px var(--popup-shadow);top:calc(100% + .4rem)}.datepicker-popup.position-top[data-v-7391df4c]{top:auto;bottom:calc(100% + .4rem)}.nav-btn[data-v-7391df4c]{background:var(--nav-btn-bg);border:none;border-radius:4px;padding:.4rem;cursor:pointer;display:flex;align-items:center;transition:background .2s ease;color:var(--nav-btn-text)}.nav-btn[data-v-7391df4c]:hover{background:var(--nav-btn-bg-hover)}.year-display[data-v-7391df4c],.month-display[data-v-7391df4c]{text-align:center;font-weight:600;color:var(--year-month-text)}.quick-btn[data-v-7391df4c]{flex:1;padding:.5rem;background:var(--quick-btn-bg);color:var(--quick-btn-text);border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background .2s ease}.quick-btn[data-v-7391df4c]:hover{background:var(--quick-btn-bg-hover)}.day-name[data-v-7391df4c]{text-align:center;font-size:.75rem;font-weight:600;color:var(--day-name-text);padding:.3rem 0;background:var(--day-name-bg)}.calendar-day[data-v-7391df4c]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease;position:relative;color:var(--day-text);background:var(--day-bg)}.calendar-day[data-v-7391df4c]:not(.disabled):not(.selected):not(.empty):hover{background:var(--day-bg-hover);transform:scale(1.05)}.calendar-day.today[data-v-7391df4c]{background:var(--today-bg);color:var(--today-text);font-weight:600}.calendar-day.selected[data-v-7391df4c]{background:var(--selected-bg);color:var(--selected-text);font-weight:600}.calendar-day.friday[data-v-7391df4c],.calendar-day.holiday[data-v-7391df4c]{color:var(--friday-text)}.selected-date-text[data-v-7391df4c]{font-size:.85rem;color:var(--footer-text)}.datepicker-header[data-v-7391df4c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.year-selector[data-v-7391df4c]{width:30%}.month-selector[data-v-7391df4c]{width:60%}.year-selector[data-v-7391df4c],.month-selector[data-v-7391df4c]{display:flex;align-items:center;gap:.4rem}.year-display[data-v-7391df4c],.month-display[data-v-7391df4c]{width:100%!important}.datepicker-quick-actions[data-v-7391df4c]{display:flex;gap:.4rem;margin-bottom:.8rem}.datepicker-days-header[data-v-7391df4c]{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem;margin-bottom:.4rem}.datepicker-days[data-v-7391df4c]{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem}.calendar-day.empty[data-v-7391df4c]{cursor:default;pointer-events:none}.calendar-day.disabled[data-v-7391df4c]{opacity:var(--disabled-opacity);cursor:not-allowed;pointer-events:none}.calendar-day.has-event[data-v-7391df4c]:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--event-dot-color);border-radius:50%}.calendar-day.selected.has-event[data-v-7391df4c]:after{background:var(--selected-text)}.datepicker-footer[data-v-7391df4c]{margin-top:.8rem;padding-top:.8rem;text-align:center;border-top:1px solid var(--footer-border-color)}.datepicker-fade-enter-active[data-v-7391df4c],.datepicker-fade-leave-active[data-v-7391df4c]{transition:all .2s ease}.datepicker-fade-enter-from[data-v-7391df4c]{opacity:0;transform:translateY(-8px)}.datepicker-fade-leave-to[data-v-7391df4c]{opacity:0;transform:translateY(8px)}')),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})(); "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PersianDatePicker-CrhS05Xw.cjs"),r=require("./usePersianCalendar-DKZLPtEs.cjs"),n={install(a){a.component("PersianCalendar",e.PersianCalendar),a.component("PersianDatePicker",e.PersianDatePicker)}};exports.PersianCalendar=e.PersianCalendar;exports.PersianDatePicker=e.PersianDatePicker;exports.usePersianCalendar=r.usePersianCalendar;exports.default=n;