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
Mon
Tue
Wed
Thu
Fri
Sat
Sun
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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 === '2065-06-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 === '2065-06-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-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
">
3
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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-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
">
4
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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 === '2065-06-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-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
6
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
7
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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 === '2065-06-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 === '2065-06-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-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
">
10
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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-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
">
11
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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 === '2065-06-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-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
13
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
14
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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 === '2065-06-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 === '2065-06-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-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
">
17
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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-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
">
18
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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 === '2065-06-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-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
20
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
21
Arosh Wickramasinghe
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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 === '2065-06-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 === '2065-06-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-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
">
24
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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-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
">
25
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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 === '2065-06-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-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
27
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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-slate-50/90 dark:bg-[#0d1526] border-slate-200/80 dark:border-[#1a2947] hover:bg-slate-100 dark:hover:bg-[#121c32]
">
28
Supuni Fernando
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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-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
">
29
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-06-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-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
">
30
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-07-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 === '2065-07-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 === '2065-07-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 === '2065-07-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
window.lucide && lucide.createIcons())"
@dblclick="dayModalOpen = true"
:class="selectedDay && selectedDay.date === '2065-07-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-slate-100/50 dark:bg-[#090e1c]/50 border-slate-200/60 dark:border-slate-800/50 shadow-none
">
5
Upcoming Holidays & Scheduled Events (June 2065)
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
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.
Request Lieu Leave
Claim credit for weekend or holiday work