14
days left
0 used
100% left
7
days left
0 used
100% left
7
days left
0 used
100% left
2
/ month
0 used
100% left
30
days left
0 used
100% left
5
days left
0 used
100% left
February 2007
Mon
Tue
Wed
Thu
Fri
Sat
Sun
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-01-29' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-100/50 dark:bg-[#090e1c]/50 border-slate-200/60 dark:border-slate-800/50 shadow-none
">
29
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-01-30' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-100/50 dark:bg-[#090e1c]/50 border-slate-200/60 dark:border-slate-800/50 shadow-none
">
30
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-01-31' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-100/50 dark:bg-[#090e1c]/50 border-slate-200/60 dark:border-slate-800/50 shadow-none
">
31
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-01' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
1
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-02' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
2
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-03' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
3
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-04' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
4
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-05' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
5
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-06' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
6
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-07' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
7
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-08' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
8
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-09' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
9
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-10' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
10
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-11' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
11
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-12' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
12
Shimal Perera
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-13' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
13
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-14' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
14
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-15' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
15
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-16' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
16
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-17' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
17
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-18' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
18
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-19' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
19
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-20' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
20
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-21' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
21
Arosh Wickramasinghe
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-22' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
22
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-23' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
23
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-24' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
24
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-25' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
25
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-26' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
26
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-27' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
27
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-02-28' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-white dark:bg-[#111927] border-slate-200/90 dark:border-slate-800 hover:bg-slate-50/80 dark:hover:bg-[#162544] hover:border-blue-300 dark:hover:border-blue-500/70
">
28
Supuni Fernando
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-03-01' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-100/50 dark:bg-[#090e1c]/50 border-slate-200/60 dark:border-slate-800/50 shadow-none
">
1
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-03-02' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-100/50 dark:bg-[#090e1c]/50 border-slate-200/60 dark:border-slate-800/50 shadow-none
">
2
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-03-03' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-100/50 dark:bg-[#090e1c]/50 border-slate-200/60 dark:border-slate-800/50 shadow-none
">
3
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2007-03-04' ? '!border-blue-500 dark:!border-blue-400 ring-2 ring-blue-500/20 shadow-md z-10' : ''"
class="min-h-[92px] sm:min-h-[100px] p-2 rounded-xl flex flex-col justify-between transition-all duration-150 cursor-pointer relative group border shadow-[0_1px_3px_rgba(15,23,42,0.06)] hover:shadow-md hover:-translate-y-0.5
bg-slate-100/50 dark:bg-[#090e1c]/50 border-slate-200/60 dark:border-slate-800/50 shadow-none
">
4
Upcoming Holidays & Scheduled Events (February 2007)
No holidays scheduled for this month.
Employee Leave
Public / Mercantile Holiday
Company Holiday
Birthday
Select any date to view who's on leave
Who's on Leave
Events & Birthdays
Employee Birthday Today
Holiday Scheduled Today
No upcoming events or birthdays today.
Lieu days
Added automatically when weekend or holiday work is approved. Expire after 30 days.
โ
Full day
โข
worked Saturday 15 Aug
Taken Mon 24 Aug
Used
โ
Half day
โข
worked Saturday 5 Sept
Expired Mon 5 Oct
Expired
4
days
Full day
โข
worked Saturday 26 Sept
Use by Mon 26 Oct
โข
LI-2612
18
days
Half day
โข
worked Saturday 10 Oct
Use by Mon 9 Nov
โข
LI-2615
Today
Holiday Details
Mercantile Holiday Status:
โ Mercantile Holiday (Paid Off Day)
Public & Bank Only (Non-Mercantile)
Employee Birthday Celebration! ๐
Birthday
๐
Wish them a Happy Birthday! ๐
Employees Scheduled on Leave
No employees scheduled on leave for this date.
Total Entitlement
Used / Taken
Available Balance
My Usage Records
No usage recorded for yet.
Your full entitlement balance is untouched and available for application.