defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Dede Fuji Abdul
2023-11-03 12:40:40 +07:00
parent 61d117c79b
commit 846f5bb501
4 changed files with 81 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/DatePicker.vue
View File

@ -1,30 +1,22 @@
<script setup lang="ts">
import { ref } from 'vue'
import VueTailwindDatepicker from 'vue-tailwind-datepicker'
import { ref } from 'vue'
import VueTailwindDatepicker from 'vue-tailwind-datepicker'
const dateValue = ref('')
const formatter = ref({
date: 'DD MMM YYYY',
month: 'MMM'
})
const dateValue = ref('')
const formatter = ref({
date: 'DD MMM YYYY',
month: 'MMM'
})
</script>
<template>
<div class="flex">
<vue-tailwind-datepicker
v-model="dateValue"
:formatter="formatter"
separator=" s/d "
:shortcuts="false"
:auto-apply="false"
v-slot="{ value, placeholder }"
>
<vue-tailwind-datepicker v-model="dateValue" :formatter="formatter" separator=" s/d " :shortcuts="false"
:auto-apply="false" v-slot="{ value, placeholder }">
<div class="flex">
<div class="flex-1">
<button
type="button"
class="w-full px-4 py-2 text-sm leading-6 placeholder:text-gray-400 text-gray-900 border-0 border-transparent rounded-lg outline-0 bg-gray-200 focus:outline-0 focus:border-0 focus:ring-0"
>
<button type="button"
class="w-full px-4 py-2 text-sm leading-6 text-gray-900 bg-gray-200 border-0 border-transparent rounded-lg placeholder:text-gray-400 outline-0 focus:outline-0 focus:border-0 focus:ring-0">
<span class="text-gray-900">
{{ value || placeholder }}
</span>