primevue/calendar/style/calendarstyle.min.js

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

this.primevue=this.primevue||{},this.primevue.calendar=this.primevue.calendar||{},this.primevue.calendar.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"calendar",css:"\n@layer primevue {\n    .p-calendar {\n        display: inline-flex;\n        max-width: 100%;\n    }\n\n    .p-calendar .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-calendar-w-btn .p-inputtext {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    .p-calendar-w-btn .p-datepicker-trigger {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n\n    .p-calendar .p-datepicker-trigger-icon {\n        cursor: pointer;\n    }\n\n    /* Fluid */\n    .p-fluid .p-calendar {\n        display: flex;\n    }\n\n    .p-fluid .p-calendar .p-inputtext {\n        width: 1%;\n    }\n\n    /* Datepicker */\n    .p-calendar .p-datepicker {\n        min-width: 100%;\n    }\n\n    .p-datepicker {\n        width: auto;\n    }\n\n    .p-datepicker-inline {\n        display: inline-block;\n        overflow-x: auto;\n    }\n\n    /* Header */\n    .p-datepicker-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datepicker-header .p-datepicker-title {\n        margin: 0 auto;\n    }\n\n    .p-datepicker-prev,\n    .p-datepicker-next {\n        cursor: pointer;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Multiple Month DatePicker */\n    .p-datepicker-multiple-month .p-datepicker-group-container {\n        display: flex;\n    }\n\n    .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n        flex: 1 1 auto;\n    }\n\n    /* DatePicker Table */\n    .p-datepicker table {\n        width: 100%;\n        border-collapse: collapse;\n    }\n\n    .p-datepicker td > span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Month Picker */\n    .p-monthpicker-month {\n        width: 33.3%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Year Picker */\n    .p-yearpicker-year {\n        width: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /*  Button Bar */\n    .p-datepicker-buttonbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    /* Time Picker */\n    .p-timepicker {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .p-timepicker button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-timepicker > div {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n    }\n\n    /* Touch UI */\n    .p-datepicker-touch-ui,\n    .p-calendar .p-datepicker-touch-ui {\n        min-width: 80vw;\n    }\n}\n",classes:{root:function(e){var n=e.props,t=e.state;return["p-calendar p-component p-inputwrapper",{"p-calendar-w-btn":n.showIcon&&"button"===n.iconDisplay,"p-input-icon-right":n.showIcon&&"input"===n.iconDisplay,"p-calendar-timeonly":n.timeOnly,"p-calendar-disabled":n.disabled,"p-inputwrapper-filled":n.modelValue,"p-inputwrapper-focus":t.focused,"p-focus":t.focused||t.overlayVisible}]},input:"p-inputtext p-component",dropdownButton:"p-datepicker-trigger",inputIcon:"p-datepicker-trigger-icon",panel:function(e){var n=e.instance,t=e.props,i=e.state;return["p-datepicker p-component",{"p-datepicker-mobile":n.queryMatches,"p-datepicker-inline":t.inline,"p-disabled":t.disabled,"p-datepicker-timeonly":t.timeOnly,"p-datepicker-multiple-month":t.numberOfMonths>1,"p-datepicker-monthpicker":"month"===i.currentView,"p-datepicker-yearpicker":"year"===i.currentView,"p-datepicker-touch-ui":t.touchUI,"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},groupContainer:"p-datepicker-group-container",group:"p-datepicker-group",header:"p-datepicker-header",previousButton:"p-datepicker-prev p-link",previousIcon:"p-datepicker-prev-icon",title:"p-datepicker-title",monthTitle:"p-datepicker-month p-link",yearTitle:"p-datepicker-year p-link",decadeTitle:"p-datepicker-decade",nextButton:"p-datepicker-next p-link",nextIcon:"p-datepicker-next-icon",container:"p-datepicker-calendar-container",table:"p-datepicker-calendar",weekHeader:"p-datepicker-weekheader p-disabled",weekNumber:"p-datepicker-weeknumber",weekLabelContainer:"p-disabled",day:function(e){var n=e.date;return[{"p-datepicker-other-month":n.otherMonth,"p-datepicker-today":n.today}]},dayLabel:function(e){var n=e.date;return[{"p-highlight":e.instance.isSelected(n)&&n.selectable,"p-disabled":!n.selectable}]},monthPicker:"p-monthpicker",month:function(e){var n=e.month;return["p-monthpicker-month",{"p-highlight":e.instance.isMonthSelected(e.index),"p-disabled":!n.selectable}]},yearPicker:"p-yearpicker",year:function(e){var n=e.year;return["p-yearpicker-year",{"p-highlight":e.instance.isYearSelected(n.value),"p-disabled":!n.selectable}]},timePicker:"p-timepicker",hourPicker:"p-hour-picker",incrementButton:"p-link",decrementButton:"p-link",separatorContainer:"p-separator",minutePicker:"p-minute-picker",secondPicker:"p-second-picker",ampmPicker:"p-ampm-picker",buttonbar:"p-datepicker-buttonbar",todayButton:"p-button-text",clearButton:"p-button-text"},inlineStyles:{root:function(e){return{position:"self"===e.props.appendTo?"relative":void 0}}}})}();