chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

feat: vue datepicker dark mode

Browse source
This commit is contained in:
puriphatt 2024-07-01 04:03:39 +00:00
parent 571942d48f
commit 8cb6a87be1
9 changed files with 29 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/02_personnel-management/FormByType.vue
View file

@ -84,6 +84,7 @@ function deleteFile(name: string) {
<VueDatePicker
utc
autoApply
:dark="$q.dark.isActive"
v-model="startDate"
:teleport="true"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
@ -131,6 +132,7 @@ function deleteFile(name: string) {
utc
autoApply
v-model="retireDate"
:dark="$q.dark.isActive"
:teleport="true"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"

3
src/components/02_personnel-management/FormPerson.vue
View file

@ -122,8 +122,9 @@ defineProps<{
for="input-birth-date"
utc
autoApply
:teleport="true"
v-model="birthDate"
:teleport="true"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"

1
src/components/03_customer-management/AboutComponent.vue
View file

@ -160,6 +160,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
utc
autoApply
v-model="registerDate"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"

1
src/components/03_customer-management/FormBusiness.vue
View file

@ -138,6 +138,7 @@ onMounted(async () => {
utc
autoApply
v-model="payDate"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"

6
src/components/03_customer-management/FormEmployeeHealthCheck.vue
View file

@ -240,8 +240,9 @@ onMounted(async () => {
<VueDatePicker
utc
autoApply
:teleport="true"
v-model="checkup.coverageStartDate"
:teleport="true"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"
@ -289,8 +290,9 @@ onMounted(async () => {
<VueDatePicker
utc
autoApply
:teleport="true"
v-model="checkup.coverageExpireDate"
:teleport="true"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"

6
src/components/03_customer-management/FormEmployeePassport.vue
View file

@ -117,8 +117,9 @@ defineProps<{
id="date-picker-passport-issueance"
utc
autoApply
:teleport="true"
v-model="passportIssueDate"
:teleport="true"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"
@ -160,8 +161,9 @@ defineProps<{
id="date-picker-passport-expire"
utc
autoApply
:teleport="true"
v-model="passportExpiryDate"
:teleport="true"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"

12
src/components/03_customer-management/FormEmployeeVisa.vue
View file

@ -93,8 +93,9 @@ onMounted(async () => {
id="date-picker-visa-issuance"
utc
autoApply
:teleport="true"
v-model="visaIssueDate"
:teleport="true"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"
@ -144,8 +145,9 @@ onMounted(async () => {
id="date-picker-visa-expire"
utc
autoApply
:teleport="true"
v-model="visaExpiryDate"
:teleport="true"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"
@ -209,8 +211,9 @@ onMounted(async () => {
id="date-picker-visa-until"
utc
autoApply
:teleport="true"
v-model="visaStayUntilDate"
:teleport="true"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"
@ -275,8 +278,9 @@ onMounted(async () => {
id="date-picker-visa-enter"
utc
autoApply
:teleport="true"
v-model="entryDate"
:teleport="true"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"

9
src/components/03_customer-management/FormEmployeeWorkHistory.vue
View file

@ -187,8 +187,9 @@ onMounted(async () => {
id="date-picker-workEndDate"
utc
autoApply
:teleport="true"
v-model="work.workEndDate"
:teleport="true"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"
@ -245,8 +246,9 @@ onMounted(async () => {
id="date-picker-workPermitIssuDate"
utc
autoApply
:teleport="true"
v-model="work.workPermitIssuDate"
:teleport="true"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"
@ -295,8 +297,9 @@ onMounted(async () => {
id="date-picker-workPermitExpireDate"
utc
autoApply
:teleport="true"
v-model="work.workPermitExpireDate"
:teleport="true"
:dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false"
:disabled="readonly"

1
src/components/03_customer-management/HistoryEditComponent.vue
View file

@ -333,6 +333,7 @@ watch(
@click="nextDate(true)"
/>
<VueDatePicker
:dark="$q.dark.isActive"
id="input-birth-date"
for="input-birth-date"
class="date-picker"