TelemedPro/hgh_admin
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Inshal
2024-05-29 22:34:28 +05:00
commit e63fc41a20
1470 changed files with 174828 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
resources/js/pages/forms/date-time-picker.vue Normal file
View File

@@ -0,0 +1,111 @@
<script setup>
import * as demoCode from '@/views/demos/forms/form-elements/date-time-picker/demoCodeDateTimePicker'
</script>
<template>
<VRow>
<!-- 👉 Basic -->
<VCol
cols="12"
md="6"
>
<AppCardCode
title="Basic"
:code="demoCode.basic"
>
<DemoDateTimePickerBasic />
</AppCardCode>
</VCol>
<!-- 👉 Time Picker -->
<VCol
cols="12"
md="6"
>
<AppCardCode
title="Time Picker"
:code="demoCode.timePicker"
>
<DemoDateTimePickerTimePicker />
</AppCardCode>
</VCol>
<!-- 👉 Date & TIme -->
<VCol
cols="12"
md="6"
>
<AppCardCode
title="Date and Time"
:code="demoCode.dateAndTime"
>
<DemoDateTimePickerDateAndTime />
</AppCardCode>
</VCol>
<!-- 👉 Multiple Dates -->
<VCol
cols="12"
md="6"
>
<AppCardCode
title="Multiple Dates"
:code="demoCode.multipleDates"
>
<DemoDateTimePickerMultipleDates />
</AppCardCode>
</VCol>
<!-- 👉 Range -->
<VCol
cols="12"
md="6"
>
<AppCardCode
title="Range"
:code="demoCode.range"
>
<DemoDateTimePickerRange />
</AppCardCode>
</VCol>
<!-- 👉 Human Friendly -->
<VCol
cols="12"
md="6"
>
<AppCardCode
title="Human Friendly"
:code="demoCode.humanFriendly"
>
<DemoDateTimePickerHumanFriendly />
</AppCardCode>
</VCol>
<!-- 👉 Disabled Range -->
<VCol
cols="12"
md="6"
>
<AppCardCode
title="Disabled Range"
:code="demoCode.disabledRange"
>
<DemoDateTimePickerDisabledRange />
</AppCardCode>
</VCol>
<!-- 👉 Inline -->
<VCol
cols="12"
md="6"
>
<AppCardCode
title="Inline"
:code="demoCode.inline"
>
<DemoDateTimePickerInline />
</AppCardCode>
</VCol>
</VRow>
</template>