vignesh/trypost
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: use DatePicker component for API key expiration date

Browse source
This commit is contained in:
Paulo Castellano 2026-03-29 21:15:06 -03:00
parent a926033d06
commit f5a8ea72f1
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
resources/js/pages/settings/ApiKeys.vue
View file

@ -4,6 +4,7 @@ import { IconKey, IconCopy, IconTrash, IconPlus } from '@tabler/icons-vue';
import { computed, ref, watch } from 'vue';
import ConfirmDeleteModal from '@/components/ConfirmDeleteModal.vue';
import DatePicker from '@/components/DatePicker.vue';
import HeadingSmall from '@/components/HeadingSmall.vue';
import { Badge } from '@/components/ui/badge';
import { Button } from '@/components/ui/button';
@ -205,12 +206,12 @@ const closeTokenDialog = () => {
</p>
</div>
<div class="space-y-2">
<Label for="token-expires">Expiration date (optional)</Label>
<Input
id="token-expires"
<Label>Expiration date (optional)</Label>
<DatePicker
name="token-expires"
v-model="form.expires_at"
type="date"
:class="{ 'border-red-500': form.errors.expires_at }"
:show-time="false"
placeholder="No expiration"
/>
<p v-if="form.errors.expires_at" class="text-sm text-red-500">
{{ form.errors.expires_at }}