@minsomai/v-nepalidatepicker
Version:
Nepali Date Picker component for Vue js 2
1 lines • 18.7 kB
JavaScript
var VNepalidatepicker=function(e,a){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(a),n=[{year:2e3,value:[30,32,31,32,31,30,30,30,29,30,29,31]},{year:2001,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2002,value:[31,31,32,32,31,30,30,29,30,29,30,30]},{year:2003,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2004,value:[30,32,31,32,31,30,30,30,29,30,29,31]},{year:2005,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2006,value:[31,31,32,32,31,30,30,29,30,29,30,30]},{year:2007,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2007,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2008,value:[31,31,31,32,31,31,29,30,30,29,29,31]},{year:2009,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2010,value:[31,31,32,32,31,30,30,29,30,29,30,30]},{year:2011,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2012,value:[31,31,31,32,31,31,29,30,30,29,30,30]},{year:2013,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2014,value:[31,31,32,32,31,30,30,29,30,29,30,30]},{year:2015,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2016,value:[31,31,31,32,31,31,29,30,30,29,30,30]},{year:2017,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2018,value:[31,32,31,32,31,30,30,29,30,29,30,30]},{year:2019,value:[31,32,31,32,31,30,30,30,29,30,29,31]},{year:2020,value:[31,31,31,32,31,31,30,29,30,29,30,30]},{year:2021,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2022,value:[31,32,31,32,31,30,30,30,29,29,30,30]},{year:2023,value:[31,32,31,32,31,30,30,30,29,30,29,31]},{year:2024,value:[31,31,31,32,31,31,30,29,30,29,30,30]},{year:2025,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2026,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2027,value:[30,32,31,32,31,30,30,30,29,30,29,31]},{year:2028,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2029,value:[31,31,32,31,32,30,30,29,30,29,30,30]},{year:2030,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2031,value:[30,32,31,32,31,30,30,30,29,30,29,31]},{year:2032,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2033,value:[31,31,32,32,31,30,30,29,30,29,30,30]},{year:2034,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2035,value:[30,32,31,32,31,31,29,30,30,29,29,31]},{year:2036,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2037,value:[31,31,32,32,31,30,30,29,30,29,30,30]},{year:2038,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2039,value:[31,31,31,32,31,31,29,30,30,29,30,30]},{year:2040,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2041,value:[31,31,32,32,31,30,30,29,30,29,30,30]},{year:2042,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2043,value:[31,31,31,32,31,31,29,30,30,29,30,30]},{year:2044,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2045,value:[31,32,31,32,31,30,30,29,30,29,30,30]},{year:2046,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2047,value:[31,31,31,32,31,31,30,29,30,29,30,30]},{year:2048,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2049,value:[31,32,31,32,31,30,30,30,29,29,30,30]},{year:2050,value:[31,32,31,32,31,30,30,30,29,30,29,31]},{year:2051,value:[31,31,31,32,31,31,30,29,30,29,30,30]},{year:2052,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2053,value:[31,32,31,32,31,30,30,30,29,29,30,30]},{year:2054,value:[31,32,31,32,31,30,30,30,29,30,29,31]},{year:2055,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2056,value:[31,31,32,31,32,30,30,29,30,29,30,30]},{year:2057,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2058,value:[30,32,31,32,31,30,30,30,29,30,29,31]},{year:2059,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2060,value:[31,31,32,32,31,30,30,29,30,29,30,30]},{year:2061,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2062,value:[30,32,31,32,31,31,29,30,29,30,29,31]},{year:2063,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2064,value:[31,31,32,32,31,30,30,29,30,29,30,30]},{year:2065,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2066,value:[31,31,31,32,31,31,29,30,30,29,29,31]},{year:2067,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2068,value:[31,31,32,32,31,30,30,29,30,29,30,30]},{year:2069,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2070,value:[31,31,31,32,31,31,29,30,30,29,30,30]},{year:2071,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2072,value:[31,32,31,32,31,30,30,29,30,29,30,30]},{year:2073,value:[31,32,31,32,31,30,30,30,29,29,30,31]},{year:2074,value:[31,31,31,32,31,31,30,29,30,29,30,30]},{year:2075,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2076,value:[31,32,31,32,31,30,30,30,29,29,30,30]},{year:2077,value:[31,32,31,32,31,30,30,30,29,30,29,31]},{year:2078,value:[31,31,31,32,31,31,30,29,30,29,30,30]},{year:2079,value:[31,31,32,31,31,31,30,29,30,29,30,30]},{year:2080,value:[31,32,31,32,31,30,30,30,29,29,30,30]},{year:2081,value:[31,31,32,32,31,30,30,30,29,30,30,30]},{year:2082,value:[30,32,31,32,31,30,30,30,29,30,30,30]},{year:2083,value:[31,31,32,31,31,30,30,30,29,30,30,30]},{year:2084,value:[31,31,32,31,31,30,30,30,29,30,30,30]},{year:2085,value:[31,32,31,32,30,31,30,30,29,30,30,30]},{year:2086,value:[30,32,31,32,31,30,30,30,29,30,30,30]},{year:2087,value:[31,31,32,31,31,31,30,30,29,30,30,30]},{year:2088,value:[30,31,32,32,30,31,30,30,29,30,30,30]},{year:2089,value:[30,32,31,32,31,30,30,30,29,30,30,30]},{year:2090,value:[30,32,31,32,31,30,30,30,29,30,30,30]},{year:2091,value:[31,31,32,31,31,31,30,30,29,30,30,30]},{year:2092,value:[30,31,32,32,31,30,30,30,29,30,30,30]},{year:2093,value:[30,32,31,32,31,30,30,30,29,30,30,30]},{year:2094,value:[31,31,32,31,31,30,30,30,29,30,30,30]},{year:2095,value:[31,31,32,31,31,31,30,29,30,30,30,30]},{year:2096,value:[30,31,32,32,31,30,30,29,30,29,30,30]},{year:2097,value:[31,32,31,32,31,30,30,30,29,30,30,30]},{year:2098,value:[31,31,32,31,31,31,29,30,29,30,29,31]},{year:2099,value:[31,31,32,31,31,31,30,29,29,30,30,30]}],l=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],o=["आइत","सोम","मंगल","बुध","बिहि","शुक्र","शनि"],i=["Baisakh","Jestha","Asar","Shrawan","Bhadra","Aswin","Kartik","Mangsir","Poush","Magh","Falgun","Chaitra"],d=["बैशाख","जेठ","असार","श्रावण","भाद्र","आश्विन","कार्तिक","मंसिर","पौष","माघ","फाल्गुण","चैत्र"],s={name:"VNepalidatepicker",props:{value:{type:String,default:""},format:{type:String,default:"YYYY-MM-DD"},calendarType:{type:String,default:"English"},yearSelect:{type:Boolean,default:!0},monthSelect:{type:Boolean,default:!0},classValue:{type:String,default:""},placeholder:{type:String,default:""},showToday:{type:Boolean,default:!1},width:{type:Number,default:250}},model:{event:"change"},data:function(){return{date:""==this.value?new r.default:new r.default(this.value),formatedValue:this.value,visible:!1,startingYear:2001,numberofYears:87,formatNepali:"Nepali"==this.calendarType,endDay:null,yearValue:""==this.value?(new r.default).getYear():new r.default(this.value).getYear(),monthValue:""==this.value?(new r.default).getMonth():new r.default(this.value).getMonth(),startMonthValue:null,currentDateValue:void 0}},computed:{getMonthsList:function(){return this.formatNepali?d:i},year:function(){return this.date.year},weekdays:function(){return this.formatNepali?o:l},days:function(){var e=this;return n.forEach((function(a){a.year==e.date.year&&a.value.forEach((function(a,t){t==e.date.month&&(e.endDay=a)}))})),Array(this.endDay).fill().map((function(a,t){return new r.default(e.year,e.date.month,t+1)}))},startweek:function(){var e=this,a=new r.default(this.yearValue,this.monthValue,1);return l.forEach((function(t,r){"Sun"==a.format("DDD")?e.startMonthValue=7:a.format("DDD")==t&&(e.startMonthValue=r)})),this.startMonthValue},formatedYearOrMonth:function(){return 0==this.monthSelect&&0==this.yearSelect?this.formatNepali?this.date.format("mmmm yyyy"):this.date.format("MMMM YYYY"):0==this.monthSelect?this.formatNepali?this.date.format("mmmm"):this.date.format("MMMM"):0==this.yearSelect?this.formatNepali?this.date.format("yyyy"):this.date.format("YYYY"):""},formatedYear:function(){return this.formatNepali?this.date.format("yyyy"):this.date.format("YYYY")},formatedDate:function(){return this.formatNepali?this.date.format("dddd, dd mmmm"):this.date.format("DDDD, DD MMMM")},formatedTodayText:function(){return this.formatNepali?"आज":"Today"}},methods:{convertToNepali:function(e){return new r.default(e).format("yyyy-mm-d")},getNepaliDateWithYear:function(e){return new r.default(e,0,1).format("yyyy-mm-d")},active:function(e){return this.date.getTime()===e.getTime()},checkToday:function(e){var a=new r.default;return e.day==a.day&&e.year==a.year&&e.month==a.month},next:function(){var e=this.date.month+1,a=this.date.year;e>11&&(a++,e=0),this.setMonthAndYear(e,a),this.date=new r.default(a,e,1)},prev:function(){var e=this.date.month-1,a=this.date.year;e<0&&(a--,e=11),this.setMonthAndYear(e,a),this.date=new r.default(a,e,1)},monthSelectChange:function(){this.date.setMonth(this.monthValue)},yearSelectChange:function(){this.date.setYear(this.yearValue)},select:function(e){this.date=e,this.formatedValue=this.date.format(this.format);var a=new r.default(this.formatedValue),t=new Date(a.getEnglishDate()-6e4*(new Date).getTimezoneOffset()).toISOString().substr(0,10);this.$emit("ad",t),this.$emit("change",this.formatedValue),this.$emit("input",this.formatedValue),this.hide()},show:function(){var e=this;this.visible=!0,setTimeout((function(){return document.addEventListener("click",e.hide)}),200)},hide:function(){this.visible=!1,document.removeEventListener("click",this.hide)},today:function(){this.formatedValue=(new r.default).format(this.format),this.date=new r.default,this.setMonthAndYear(this.date.getMonth(),this.date.getYear()),this.hide()},setMonthAndYear:function(e,a){this.monthValue=e,this.yearValue=a}}};function u(e,a,t,r,n,l,o,i,d,s){"boolean"!=typeof o&&(d=i,i=o,o=!1);const u="function"==typeof t?t.options:t;let c;if(e&&e.render&&(u.render=e.render,u.staticRenderFns=e.staticRenderFns,u._compiled=!0,n&&(u.functional=!0)),r&&(u._scopeId=r),l?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),a&&a.call(this,d(e)),e&&e._registeredComponents&&e._registeredComponents.add(l)},u._ssrRegister=c):a&&(c=o?function(e){a.call(this,s(e,this.$root.$options.shadowRoot))}:function(e){a.call(this,i(e))}),c)if(u.functional){const e=u.render;u.render=function(a,t){return c.call(t),e(a,t)}}else{const e=u.beforeCreate;u.beforeCreate=e?[].concat(e,c):[c]}return t}const c="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function y(e){return(e,a)=>function(e,a){const t=c?a.media||"default":e,r=h[t]||(h[t]={ids:new Set,styles:[]});if(!r.ids.has(e)){r.ids.add(e);let t=a.source;if(a.map&&(t+="\n/*# sourceURL="+a.map.sources[0]+" */",t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a.map))))+" */"),r.element||(r.element=document.createElement("style"),r.element.type="text/css",a.media&&r.element.setAttribute("media",a.media),void 0===v&&(v=document.head||document.getElementsByTagName("head")[0]),v.appendChild(r.element)),"styleSheet"in r.element)r.styles.push(t),r.element.styleSheet.cssText=r.styles.filter(Boolean).join("\n");else{const e=r.ids.size-1,a=document.createTextNode(t),n=r.element.childNodes;n[e]&&r.element.removeChild(n[e]),n.length?r.element.insertBefore(a,n[e]):r.element.appendChild(a)}}}(e,a)}let v;const h={};var f=u({render:function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{staticClass:"datepicker",on:{click:function(e){e.stopPropagation()}}},[e._t("default",[t("input",{directives:[{name:"model",rawName:"v-model",value:e.formatedValue,expression:"formatedValue"}],class:this.classValue,attrs:{type:"text",placeholder:this.placeholder},domProps:{value:e.formatedValue},on:{focus:function(a){return e.show()},input:function(a){a.target.composing||(e.formatedValue=a.target.value)}}})],{show:e.show,formatedValue:e.formatedValue,placeholder:this.placeholder}),e._v(" "),e.visible?t("div",{class:["calendar",{show:e.visible}],attrs:{width:e.width+"px"}},[t("div",{staticClass:"calendar__header"},[t("div",{staticClass:"calendar__year"},[e._v(e._s(e.formatedYear))]),e._v(" "),t("div",{staticClass:"calendar__date"},[e._v(e._s(e.formatedDate))])]),e._v(" "),t("div",{staticClass:"calendar__body"},[t("div",{staticClass:"calendar__month"},[t("button",{staticClass:"calendar__month__prev",attrs:{type:"button"},on:{click:function(a){return e.prev()}}},[t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",role:"img"}},[t("path",{attrs:{d:"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"}})])]),e._v(" "),t("span",[e._v(e._s(e.formatedYearOrMonth))]),e._v(" "),this.monthSelect?t("select",{directives:[{name:"model",rawName:"v-model",value:e.monthValue,expression:"monthValue"}],attrs:{size:"mini"},on:{change:[function(a){var t=Array.prototype.filter.call(a.target.options,(function(e){return e.selected})).map((function(e){return"_value"in e?e._value:e.value}));e.monthValue=a.target.multiple?t:t[0]},e.monthSelectChange]}},e._l(e.getMonthsList,(function(e,a){return t("option",{key:e,staticStyle:{"text-align-last":"center"},attrs:{label:e},domProps:{value:a}})})),0):e._e(),e._v(" "),this.yearSelect?t("select",{directives:[{name:"model",rawName:"v-model",value:e.yearValue,expression:"yearValue"}],staticStyle:{"margin-left":"5px"},attrs:{size:"mini"},on:{change:[function(a){var t=Array.prototype.filter.call(a.target.options,(function(e){return e.selected})).map((function(e){return"_value"in e?e._value:e.value}));e.yearValue=a.target.multiple?t:t[0]},e.yearSelectChange]}},e._l(e.numberofYears,(function(a){return t("option",{key:a,staticStyle:{"text-align-last":"center"},attrs:{label:e.formatNepali?e.getNepaliDateWithYear(e.startingYear+(a-1)).substr(0,4):e.startingYear+(a-1)},domProps:{value:e.startingYear+(a-1)}})})),0):e._e(),e._v(" "),t("button",{attrs:{type:"button",icon:"el-icon-arrow-right"},on:{click:function(a){return e.next()}}},[t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",role:"img"}},[t("path",{attrs:{d:"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"}})])])]),e._v(" "),t("div",{staticStyle:{padding:"3px"},style:e.showToday?"":"padding-bottom: 10px;"},[t("div",{staticClass:"calendar__weeks"},e._l(e.weekdays,(function(a,r){return t("div",{key:r,staticClass:"calendar__weekday"},[e._v("\n "+e._s(a)+"\n ")])})),0),e._v(" "),t("div",{staticClass:"calendar__days"},[t("div",{staticClass:"calendar__day_spacer",style:{gridColumn:"span "+e.startweek}}),e._v(" "),e._l(e.days,(function(a,r){return t("div",{key:r,class:["calendar__day",{selected:e.active(a)},{today:e.checkToday(a)}],on:{click:function(t){return e.select(a)}}},[e._v("\n "+e._s(e.formatNepali?e.convertToNepali(a).substr(8,10):a.day)+"\n ")])}))],2)])]),e._v(" "),e.showToday?t("div",{staticClass:"calendar__footer"},[t("button",{attrs:{type:"button"},on:{click:function(a){return e.today()}}},[e._v(e._s(e.formatedTodayText))])]):e._e()]):e._e()],2)},staticRenderFns:[]},(function(e){e&&(e("data-v-3750a332_0",{source:":root{--primary-color-base:#5495c5;--primary-color-dark:#247ac4;--secondary-color-base:#dfeffc;--primary-radius:5px;--calendar-day-selected-bg-color:#248ac4;--calendar-day-today-bg-color:#f77777;--calendar-day-border-radius:3px;--calendar-day-bg-color:white;--calendar-day-text-color:#1c94b7;--calendar-day-font-weight:normal;--calendar-week-font-weight:normal;--calendar-select-border-radius:5px}",map:void 0,media:void 0}),e("data-v-3750a332_1",{source:'*[data-v-3750a332]{margin:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}.datepicker[data-v-3750a332]{position:relative}.datepicker button[data-v-3750a332]{outline:0;border:0;background:0 0;cursor:pointer;transition:all .2s ease-in-out}.calendar[data-v-3750a332]{z-index:9;position:absolute;top:100%;box-shadow:0 14px 45px rgba(0,0,0,.25),0 10px 18px rgba(0,0,0,.22);background:#fff;visibility:hidden;opacity:0;border-radius:var(--primary-radius);overflow:hidden}.calendar.show[data-v-3750a332]{visibility:visible;opacity:1}.calendar__header[data-v-3750a332]{padding:15px 10px;background:var(--primary-color-base);color:#fff}.calendar__body[data-v-3750a332]{padding-top:7px;padding-left:10px;padding-right:10px}.calendar__year[data-v-3750a332]{opacity:.6;font-size:1rem;line-height:1.2rem}.calendar__date[data-v-3750a332]{font-size:1.2rem;line-height:1.5rem}.calendar__month[data-v-3750a332]{padding:5px 3px;display:flex;justify-content:space-between;align-items:center}.calendar__month select[data-v-3750a332]{height:28px;width:100px;border:none;border-radius:var(--calendar-day-border-radius);text-align-last:center}.calendar__month button[data-v-3750a332]{width:36px;height:36px;padding:7px;margin-right:4px;margin-left:4px;border-radius:50%;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center}.calendar__month button[data-v-3750a332]:hover{background:#dedede}.calendar__month__prev[data-v-3750a332]{transform:rotate(180deg)}.calendar__days[data-v-3750a332],.calendar__weeks[data-v-3750a332]{display:grid;grid-template-columns:repeat(7,1fr)}.calendar__days[data-v-3750a332]{gap:4px;padding-top:10px}.calendar__day[data-v-3750a332],.calendar__weekday[data-v-3750a332]{text-align:center;font-size:12px}.calendar__weekday[data-v-3750a332]{opacity:.8;font-weight:var(--calendar-week-font-weight)}.calendar__day[data-v-3750a332]{width:32px;height:32px;line-height:32px;font-weight:var(--calendar-day-font-weight);cursor:pointer;border-radius:var(--calendar-day-border-radius);background:var(--calendar-day-bg-color);color:var(--calendar-day-text-color)}.calendar__day.selected[data-v-3750a332]{background:var(--calendar-day-selected-bg-color);color:#fff}.calendar__day.today[data-v-3750a332]{background:var(--calendar-day-today-bg-color);color:#fff}.calendar__day[data-v-3750a332]:hover{background:var(--primary-color-base);color:#fff;opacity:.8}.calendar__footer[data-v-3750a332]{text-align:right}.calendar__footer button[data-v-3750a332]{padding:8px 10px;text-transform:uppercase;font-weight:700;color:#663399;opacity:.9}.calendar__footer button[data-v-3750a332]:hover{opacity:1}',map:void 0,media:void 0}))}),s,"data-v-3750a332",!1,void 0,!1,y,void 0,void 0),m=function(e){m.installed||(m.installed=!0,e.component("VNepalidatepicker",f))},p={install:m},_=null;return"undefined"!=typeof window?_=window.Vue:"undefined"!=typeof global&&(_=global.Vue),_&&_.use(p),f.install=m,e.default=f,e}({},NepaliDate);