mirror of https://github.com/nocodb/nocodb
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.
43 lines
987 B
43 lines
987 B
<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>
|
|
|