49 lines
895 B
Vue
49 lines
895 B
Vue
<script setup lang="ts">
|
|
import { SettingsBottomScreenNumberInput as NumberInput } from "#components";
|
|
|
|
const store = useSettingsStore();
|
|
const confirmationModal = useConfirmationModal();
|
|
|
|
const now = new Date();
|
|
|
|
const handleCancel = () => {
|
|
store.closeSubMenu();
|
|
};
|
|
|
|
const handleConfirm = () => {
|
|
store.closeSubMenu();
|
|
};
|
|
|
|
defineOptions({ render: () => null });
|
|
</script>
|
|
|
|
<template>
|
|
<NumberInput
|
|
:model-value="now.getMonth() + 1"
|
|
title="Month"
|
|
:x="1 * 16"
|
|
:disabled="true"
|
|
/>
|
|
<NumberInput
|
|
:model-value="now.getDate()"
|
|
title="Day"
|
|
:x="5 * 16"
|
|
:disabled="true"
|
|
/>
|
|
<NumberInput
|
|
:model-value="now.getFullYear()"
|
|
title="Year"
|
|
:digits="4"
|
|
:x="9 * 16"
|
|
:disabled="true"
|
|
/>
|
|
|
|
<CommonButtons
|
|
:y-offset="0"
|
|
b-label="Cancel"
|
|
a-label="Confirm"
|
|
@activate-b="handleCancel"
|
|
@activate-a="handleConfirm"
|
|
/>
|
|
</template>
|