You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import dayjs from 'dayjs'
|
|
|
|
|
|
|
|
|
|
const { selectedDate, selectedMonth, selectedDateRange, pageDate, activeCalendarView } = useCalendarViewStoreOrThrow()
|
|
|
|
|
|
|
|
|
|
const { $e } = useNuxtApp()
|
|
|
|
|
|
|
|
|
|
const goToToday = () => {
|
|
|
|
|
$e('c:calendar:calendar-today-btn', activeCalendarView.value)
|
|
|
|
|
selectedDate.value = dayjs()
|
|
|
|
|
pageDate.value = dayjs()
|
|
|
|
|
selectedMonth.value = dayjs()
|
|
|
|
|
selectedDateRange.value = {
|
|
|
|
|
start: dayjs().startOf('week'),
|
|
|
|
|
end: dayjs().endOf('week'),
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
document?.querySelector('.nc-calendar-today')?.scrollIntoView({
|
|
|
|
|
behavior: 'smooth',
|
|
|
|
|
block: 'center',
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<NcButton
|
|
|
|
|
class="!border-0 !h-6 today-btn !bg-gray-100"
|
|
|
|
|
data-testid="nc-calendar-today-btn"
|
|
|
|
|
size="small"
|
|
|
|
|
type="secondary"
|
|
|
|
|
@click="goToToday"
|
|
|
|
|
>
|
|
|
|
|
<span class="text-gray-700 !text-[13px]">
|
|
|
|
|
{{ $t('labels.today') }}
|
|
|
|
|
</span>
|
|
|
|
|
</NcButton>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.today-btn {
|
|
|
|
|
@apply !hover:bg-gray-200;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
