opnform/resources/js/plugins/config/vue-tailwind/datePicker.js

20 lines
1.1 KiB
JavaScript
Raw Normal View History

2022-09-20 19:59:52 +00:00
export const fixedClasses = {
input: 'rounded-lg border-transparent flex-1 appearance-none border border-gray-300 w-full py-2 px-4 bg-white text-gray-700 dark:bg-notion-dark-light dark:text-gray-300 dark:placeholder-gray-500 placeholder-gray-400 shadow-sm text-base focus:outline-none focus:ring-1 focus:ring-opacity-100 focus:border-transparent focus:ring-2 ring-blue-500',
navigator: 'flex',
navigatorViewButton: 'flex items-center',
navigatorViewButtonIcon: 'flex-shrink-0 h-5 w-5',
navigatorViewButtonBackIcon: 'flex-shrink-0 h-5 w-5',
navigatorLabel: 'flex items-center py-1',
navigatorPrevButtonIcon: 'h-6 w-6 inline-flex',
navigatorNextButtonIcon: 'h-6 w-6 inline-flex',
inputWrapper: 'relative',
viewGroup: 'inline-flex flex-wrap',
view: 'w-64',
calendarDaysWrapper: 'grid grid-cols-7',
calendarHeaderWrapper: 'grid grid-cols-7',
monthWrapper: 'grid grid-cols-4',
yearWrapper: 'grid grid-cols-4',
clearButton: 'flex flex-shrink-0 items-center justify-center absolute right-0 top-0 m-2 h-6 w-6',
clearButtonIcon: 'fill-current h-3 w-3'
}