Open Source
Preline Pro
Sign in
Get all access
Home
Examples
Templates
Pricing
Docs
Preline UI (Open Source)
Back to Examples
All examples
Application Toolbars
Description goes here.
Chat Activity
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> <style> @keyframes typing { 0% { opacity: 1; scale: 1; } 50% { opacity: 0.75; scale: 0.75; } 100% { opacity: 1; scale: 1; } } </style> </head> <body> <!-- ========== HEADER ========== --> <header class=" fixed ofq05 fszza flex flex-wrap bmmg2 md:flex-nowrap ucmtr"> <div class="wtyk2 hvsue l71l8 i65bn mx-auto o1ncb kzzmm lauwb oo8ro ic6aj d77gl dark:bg-neutral-800 dark:border-neutral-700"> <div class="flex uip67 lialp tuucy items-center"> <div class="lg:hidden"> <!-- Sidebar Toggle --> <button type="button" class="aukwz inline-flex r00n9 items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-chat-sidebar"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"/></svg> </button> <!-- End Sidebar Toggle --> </div> <div class="e3fpz"> <!-- Nav Tab --> <nav class="manq4 inline-flex oo8ro wfm4e d77gl oq0dt dark:bg-neutral-800 dark:border-neutral-700" aria-label="Tabs" role="tablist" aria-orientation="horizontal"> <button type="button" class="hs-tab-active:bg-gray-100 hs-tab-active:focus:bg-gray-100 hs-tab-active:focus:text-gray-800 inline-flex r00n9 items-center lialp bp13m jlmh5 kzzmm cm336 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden htc3g dark:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:text-neutral-200 dark:text-neutral-200 dark:focus:text-neutral-400 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active" id="hs-pro-tabs-chr-item-activity" aria-selected="true" data-hs-tab="#hs-pro-tabs-chr-activity" aria-controls="hs-pro-tabs-chr-activity" role="tab" > <svg class="hq6gx stqz8 sm:hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/></svg> <span class="hidden sm:block">Activity</span> </button> <button type="button" class="hs-tab-active:bg-gray-100 hs-tab-active:focus:bg-gray-100 hs-tab-active:focus:text-gray-800 inline-flex r00n9 items-center lialp bp13m jlmh5 kzzmm cm336 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden htc3g dark:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:text-neutral-200 dark:text-neutral-200 dark:focus:text-neutral-400 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-chr-item-mentions" aria-selected="false" data-hs-tab="#hs-pro-tabs-chr-mentions" aria-controls="hs-pro-tabs-chr-mentions" role="tab" > <svg class="hq6gx stqz8 sm:hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8"/></svg> <span class="hidden sm:block">Mentions</span> </button> <button type="button" class="hs-tab-active:bg-gray-100 hs-tab-active:focus:bg-gray-100 hs-tab-active:focus:text-gray-800 inline-flex r00n9 items-center lialp bp13m jlmh5 kzzmm cm336 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden htc3g dark:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:text-neutral-200 dark:text-neutral-200 dark:focus:text-neutral-400 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-chr-item-assigned" aria-selected="false" data-hs-tab="#hs-pro-tabs-chr-assigned" aria-controls="hs-pro-tabs-chr-assigned" role="tab" > <svg class="hq6gx stqz8 sm:hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg> <span class="hidden sm:block">Assigned</span> </button> </nav> <!-- End Nav Tab --> </div> <!-- Calendar Dropdown --> <div class="hs-dropdown [--placement:bottom-right] [--strategy:absolute] [--flip:false] [--auto-close:inside] relative inline-flex"> <button id="hs-pro-dachcd" type="button" class="n33uu inline-flex items-center vrcxw cm336 dslo6 ps5iq wfm4e qb17b oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> 25 Jul, 2023 - 25 Aug, 2023 <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n e8yz0 transition-[opacity,margin] duration opacity-0 hidden mvewc ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dachcd"> <div class=" flex flex-col oo8ro wfm4e d77gl rkof5 lile3 overflow-hidden dark:bg-neutral-900 dark:border-neutral-700"> <!-- Calendar --> <div class="sm:flex"> <!-- Calendar --> <div class="yyez4 space-y-0.5"> <!-- Months --> <div class="dmfqa mqtol items-center vmt4s mzxha nfrzv"> <!-- Prev Button --> <div class="i63zv"> <button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> </div> <!-- End Prev Button --> <!-- Month / Year --> <div class="nvgw2 flex r00n9 items-center pgjbi"> <div class="relative"> <select data-hs-select='{ "placeholder": "Select month", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option value="0">January</option> <option value="1">February</option> <option value="2">March</option> <option value="3">April</option> <option value="4">May</option> <option value="5">June</option> <option value="6" selected>July</option> <option value="7">August</option> <option value="8">September</option> <option value="9">October</option> <option value="10">November</option> <option value="11">December</option> </select> </div> <span class="bp13m dark:text-neutral-200">/</span> <div class="relative"> <select data-hs-select='{ "placeholder": "Select year", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option selected>2023</option> <option>2024</option> <option>2025</option> <option>2026</option> <option>2027</option> </select> </div> </div> <!-- End Month / Year --> <!-- Next Button --> <div class="i63zv flex c9j8j"> <button type="button" class="opacity-0 howv4 aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next"> <svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> <!-- End Next Button --> </div> <!-- Months --> <!-- Weeks --> <div class="flex yh9al"> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Mo </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Tu </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> We </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Th </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Fr </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Sa </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 26 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 27 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 28 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 29 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 30 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 1 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 2 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 3 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 4 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 5 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 6 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 7 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 8 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 9 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 10 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 11 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 12 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 13 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 14 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 15 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 16 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 17 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 18 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 19 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 20 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 21 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 22 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 23 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 24 </button> </div> <div class="agawe yo949 dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700"> 25 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 26 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 27 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 28 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 29 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 30 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 31 </button> </div> <div class="o3vbm gbc5c dark:from-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 1 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 2 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 3 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 4 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 5 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 6 </button> </div> </div> <!-- Days --> </div> <!-- Calendar --> <div class="yyez4 space-y-0.5"> <!-- Months --> <div class="dmfqa mqtol items-center vmt4s mzxha nfrzv"> <!-- Prev Button --> <div class="i63zv"> <button type="button" class="opacity-0 howv4 aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> </div> <!-- End Prev Button --> <!-- Month / Year --> <div class="nvgw2 flex r00n9 items-center pgjbi"> <div class="relative"> <select data-hs-select='{ "placeholder": "Select month", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option value="0">January</option> <option value="1">February</option> <option value="2">March</option> <option value="3">April</option> <option value="4">May</option> <option value="5">June</option> <option value="6" selected>July</option> <option value="7">August</option> <option value="8">September</option> <option value="9">October</option> <option value="10">November</option> <option value="11">December</option> </select> </div> <span class="bp13m dark:text-neutral-200">/</span> <div class="relative"> <select data-hs-select='{ "placeholder": "Select year", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option selected>2023</option> <option>2024</option> <option>2025</option> <option>2026</option> <option>2027</option> </select> </div> </div> <!-- End Month / Year --> <!-- Next Button --> <div class="i63zv flex c9j8j"> <button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next"> <svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> <!-- End Next Button --> </div> <!-- Months --> <!-- Weeks --> <div class="flex yh9al"> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Mo </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Tu </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> We </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Th </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Fr </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Sa </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div class="ifwqi gbc5c dark:from-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 31 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 1 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 2 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 3 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 4 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 5 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 6 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 7 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 8 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 9 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 10 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 11 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 12 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 13 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 14 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 15 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 16 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 17 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 18 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 19 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 20 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 21 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 22 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 23 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 24 </button> </div> <div class="agawe aeta7 dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700"> 25 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 26 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 27 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 28 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 29 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 30 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 31 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 1 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 2 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 3 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 4 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 5 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 6 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 7 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 8 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 9 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 10 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> <!-- Button Group --> <div class="flex items-center mctd2 dkhxo c9j8j pyimf d77gl dark:border-neutral-700 lialp"> <button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> Cancel </button> <button type="button" class="i7oig apc69 inline-flex r00n9 items-center lialp cm336 vo20k ps5iq vd2fb qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry"> Apply </button> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Calendar Dropdown --> </div> </div> </header> <!-- ========== END HEADER ========== --> <!-- ========== MAIN CONTENT ========== --> <main id="content" class="s8miy svcz0"> <!-- Tab Content --> <div id="hs-pro-tabs-chr-activity" class="qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-chr-item-activity"> <!-- Content --> <div class="o1gdb wtyk2 i65bn mx-auto vt4x3 oo8ro lt1ca czipp gcoy5 n33uu u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Loading Indicator --> <div class="qpmwn flex flex-col r00n9 items-center lj7mp"> <span class="jlmh5 inline-flex pgjbi"> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span> </span> <p class="ymk3i y2wul bp13m dark:text-neutral-200"> Activity </p> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> This is a placeholder loader.<br>This conent is empty. </p> </div> <!-- End Loading Indicator --> </div> <!-- End Content --> </div> <!-- End Tab Content --> <!-- Tab Content --> <div id="hs-pro-tabs-chr-mentions" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chr-item-mentions"> <!-- Content --> <div class="o1gdb wtyk2 i65bn mx-auto vt4x3 oo8ro lt1ca czipp gcoy5 n33uu u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Loading Indicator --> <div class="qpmwn flex flex-col r00n9 items-center lj7mp"> <span class="jlmh5 inline-flex pgjbi"> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span> </span> <p class="ymk3i y2wul bp13m dark:text-neutral-200"> Mentions </p> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> This is a placeholder loader.<br>This conent is empty. </p> </div> <!-- End Loading Indicator --> </div> <!-- End Content --> </div> <!-- End Tab Content --> <!-- Tab Content --> <div id="hs-pro-tabs-chr-assigned" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chr-item-assigned"> <!-- Content --> <div class="o1gdb wtyk2 i65bn mx-auto vt4x3 oo8ro lt1ca czipp gcoy5 n33uu u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Loading Indicator --> <div class="qpmwn flex flex-col r00n9 items-center lj7mp"> <span class="jlmh5 inline-flex pgjbi"> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span> </span> <p class="ymk3i y2wul bp13m dark:text-neutral-200"> Assigned </p> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> This is a placeholder loader.<br>This conent is empty. </p> </div> <!-- End Loading Indicator --> </div> <!-- End Content --> </div> <!-- End Tab Content --> </main> <!-- ========== END MAIN CONTENT ========== --> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html>
<!-- ========== HEADER ========== --> <header class=" fixed ofq05 fszza flex flex-wrap bmmg2 md:flex-nowrap ucmtr"> <div class="wtyk2 hvsue l71l8 i65bn mx-auto o1ncb kzzmm lauwb oo8ro ic6aj d77gl dark:bg-neutral-800 dark:border-neutral-700"> <div class="flex uip67 lialp tuucy items-center"> <div class="lg:hidden"> <!-- Sidebar Toggle --> <button type="button" class="aukwz inline-flex r00n9 items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-chat-sidebar"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"/></svg> </button> <!-- End Sidebar Toggle --> </div> <div class="e3fpz"> <!-- Nav Tab --> <nav class="manq4 inline-flex oo8ro wfm4e d77gl oq0dt dark:bg-neutral-800 dark:border-neutral-700" aria-label="Tabs" role="tablist" aria-orientation="horizontal"> <button type="button" class="hs-tab-active:bg-gray-100 hs-tab-active:focus:bg-gray-100 hs-tab-active:focus:text-gray-800 inline-flex r00n9 items-center lialp bp13m jlmh5 kzzmm cm336 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden htc3g dark:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:text-neutral-200 dark:text-neutral-200 dark:focus:text-neutral-400 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden active" id="hs-pro-tabs-chr-item-activity" aria-selected="true" data-hs-tab="#hs-pro-tabs-chr-activity" aria-controls="hs-pro-tabs-chr-activity" role="tab" > <svg class="hq6gx stqz8 sm:hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/></svg> <span class="hidden sm:block">Activity</span> </button> <button type="button" class="hs-tab-active:bg-gray-100 hs-tab-active:focus:bg-gray-100 hs-tab-active:focus:text-gray-800 inline-flex r00n9 items-center lialp bp13m jlmh5 kzzmm cm336 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden htc3g dark:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:text-neutral-200 dark:text-neutral-200 dark:focus:text-neutral-400 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-chr-item-mentions" aria-selected="false" data-hs-tab="#hs-pro-tabs-chr-mentions" aria-controls="hs-pro-tabs-chr-mentions" role="tab" > <svg class="hq6gx stqz8 sm:hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8"/></svg> <span class="hidden sm:block">Mentions</span> </button> <button type="button" class="hs-tab-active:bg-gray-100 hs-tab-active:focus:bg-gray-100 hs-tab-active:focus:text-gray-800 inline-flex r00n9 items-center lialp bp13m jlmh5 kzzmm cm336 oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden htc3g dark:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:bg-neutral-700 dark:focus:hs-tab-active:text-neutral-200 dark:text-neutral-200 dark:focus:text-neutral-400 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden " id="hs-pro-tabs-chr-item-assigned" aria-selected="false" data-hs-tab="#hs-pro-tabs-chr-assigned" aria-controls="hs-pro-tabs-chr-assigned" role="tab" > <svg class="hq6gx stqz8 sm:hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg> <span class="hidden sm:block">Assigned</span> </button> </nav> <!-- End Nav Tab --> </div> <!-- Calendar Dropdown --> <div class="hs-dropdown [--placement:bottom-right] [--strategy:absolute] [--flip:false] [--auto-close:inside] relative inline-flex"> <button id="hs-pro-dachcd" type="button" class="n33uu inline-flex items-center vrcxw cm336 dslo6 ps5iq wfm4e qb17b oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> 25 Jul, 2023 - 25 Aug, 2023 <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n e8yz0 transition-[opacity,margin] duration opacity-0 hidden mvewc ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dachcd"> <div class=" flex flex-col oo8ro wfm4e d77gl rkof5 lile3 overflow-hidden dark:bg-neutral-900 dark:border-neutral-700"> <!-- Calendar --> <div class="sm:flex"> <!-- Calendar --> <div class="yyez4 space-y-0.5"> <!-- Months --> <div class="dmfqa mqtol items-center vmt4s mzxha nfrzv"> <!-- Prev Button --> <div class="i63zv"> <button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> </div> <!-- End Prev Button --> <!-- Month / Year --> <div class="nvgw2 flex r00n9 items-center pgjbi"> <div class="relative"> <select data-hs-select='{ "placeholder": "Select month", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option value="0">January</option> <option value="1">February</option> <option value="2">March</option> <option value="3">April</option> <option value="4">May</option> <option value="5">June</option> <option value="6" selected>July</option> <option value="7">August</option> <option value="8">September</option> <option value="9">October</option> <option value="10">November</option> <option value="11">December</option> </select> </div> <span class="bp13m dark:text-neutral-200">/</span> <div class="relative"> <select data-hs-select='{ "placeholder": "Select year", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option selected>2023</option> <option>2024</option> <option>2025</option> <option>2026</option> <option>2027</option> </select> </div> </div> <!-- End Month / Year --> <!-- Next Button --> <div class="i63zv flex c9j8j"> <button type="button" class="opacity-0 howv4 aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next"> <svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> <!-- End Next Button --> </div> <!-- Months --> <!-- Weeks --> <div class="flex yh9al"> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Mo </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Tu </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> We </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Th </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Fr </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Sa </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 26 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 27 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 28 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 29 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 30 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 1 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 2 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 3 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 4 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 5 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 6 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 7 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 8 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 9 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 10 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 11 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 12 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 13 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 14 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 15 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 16 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 17 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 18 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 19 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 20 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 21 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 22 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 23 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 24 </button> </div> <div class="agawe yo949 dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700"> 25 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 26 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 27 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 28 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 29 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 30 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 31 </button> </div> <div class="o3vbm gbc5c dark:from-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 1 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 2 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 3 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 4 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 5 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 6 </button> </div> </div> <!-- Days --> </div> <!-- Calendar --> <div class="yyez4 space-y-0.5"> <!-- Months --> <div class="dmfqa mqtol items-center vmt4s mzxha nfrzv"> <!-- Prev Button --> <div class="i63zv"> <button type="button" class="opacity-0 howv4 aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> </div> <!-- End Prev Button --> <!-- Month / Year --> <div class="nvgw2 flex r00n9 items-center pgjbi"> <div class="relative"> <select data-hs-select='{ "placeholder": "Select month", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option value="0">January</option> <option value="1">February</option> <option value="2">March</option> <option value="3">April</option> <option value="4">May</option> <option value="5">June</option> <option value="6" selected>July</option> <option value="7">August</option> <option value="8">September</option> <option value="9">October</option> <option value="10">November</option> <option value="11">December</option> </select> </div> <span class="bp13m dark:text-neutral-200">/</span> <div class="relative"> <select data-hs-select='{ "placeholder": "Select year", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option selected>2023</option> <option>2024</option> <option>2025</option> <option>2026</option> <option>2027</option> </select> </div> </div> <!-- End Month / Year --> <!-- Next Button --> <div class="i63zv flex c9j8j"> <button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next"> <svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> <!-- End Next Button --> </div> <!-- Months --> <!-- Weeks --> <div class="flex yh9al"> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Mo </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Tu </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> We </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Th </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Fr </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Sa </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div class="ifwqi gbc5c dark:from-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 31 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 1 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 2 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 3 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 4 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 5 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 6 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 7 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 8 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 9 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 10 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 11 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 12 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 13 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 14 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 15 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 16 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 17 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 18 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 19 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 20 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 21 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 22 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 23 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 24 </button> </div> <div class="agawe aeta7 dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700"> 25 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 26 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 27 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 28 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 29 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 30 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 31 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 1 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 2 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 3 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 4 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 5 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 6 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 7 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 8 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 9 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 10 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> <!-- Button Group --> <div class="flex items-center mctd2 dkhxo c9j8j pyimf d77gl dark:border-neutral-700 lialp"> <button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> Cancel </button> <button type="button" class="i7oig apc69 inline-flex r00n9 items-center lialp cm336 vo20k ps5iq vd2fb qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry"> Apply </button> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Calendar Dropdown --> </div> </div> </header> <!-- ========== END HEADER ========== --> <!-- ========== MAIN CONTENT ========== --> <main id="content" class="s8miy svcz0"> <!-- Tab Content --> <div id="hs-pro-tabs-chr-activity" class="qpmwn" role="tabpanel" aria-labelledby="hs-pro-tabs-chr-item-activity"> <!-- Content --> <div class="o1gdb wtyk2 i65bn mx-auto vt4x3 oo8ro lt1ca czipp gcoy5 n33uu u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Loading Indicator --> <div class="qpmwn flex flex-col r00n9 items-center lj7mp"> <span class="jlmh5 inline-flex pgjbi"> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span> </span> <p class="ymk3i y2wul bp13m dark:text-neutral-200"> Activity </p> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> This is a placeholder loader.<br>This conent is empty. </p> </div> <!-- End Loading Indicator --> </div> <!-- End Content --> </div> <!-- End Tab Content --> <!-- Tab Content --> <div id="hs-pro-tabs-chr-mentions" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chr-item-mentions"> <!-- Content --> <div class="o1gdb wtyk2 i65bn mx-auto vt4x3 oo8ro lt1ca czipp gcoy5 n33uu u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Loading Indicator --> <div class="qpmwn flex flex-col r00n9 items-center lj7mp"> <span class="jlmh5 inline-flex pgjbi"> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span> </span> <p class="ymk3i y2wul bp13m dark:text-neutral-200"> Mentions </p> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> This is a placeholder loader.<br>This conent is empty. </p> </div> <!-- End Loading Indicator --> </div> <!-- End Content --> </div> <!-- End Tab Content --> <!-- Tab Content --> <div id="hs-pro-tabs-chr-assigned" class="hidden" role="tabpanel" aria-labelledby="hs-pro-tabs-chr-item-assigned"> <!-- Content --> <div class="o1gdb wtyk2 i65bn mx-auto vt4x3 oo8ro lt1ca czipp gcoy5 n33uu u4ydj overflow-y-auto overflow-x-hidden n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Loading Indicator --> <div class="qpmwn flex flex-col r00n9 items-center lj7mp"> <span class="jlmh5 inline-flex pgjbi"> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite] dark:bg-neutral-200"></span> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.2s] dark:bg-neutral-200"></span> <span class="ui2kz eymwd oq0dt animate-[typing_1s_ease-in-out_infinite_0.4s] dark:bg-neutral-200"></span> </span> <p class="ymk3i y2wul bp13m dark:text-neutral-200"> Assigned </p> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> This is a placeholder loader.<br>This conent is empty. </p> </div> <!-- End Loading Indicator --> </div> <!-- End Content --> </div> <!-- End Tab Content --> </main> <!-- ========== END MAIN CONTENT ========== -->
Chat Reports
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body><header class=" fixed ofq05 fszza flex flex-wrap bmmg2 md:flex-nowrap ucmtr oo8ro ic6aj d77gl dark:bg-neutral-800 dark:border-neutral-700"> <div class="flex uip67 lialp tuucy items-center i65bn o1ncb kzzmm lauwb"> <div class="lg:hidden"> <!-- Sidebar Toggle --> <button type="button" class="aukwz inline-flex r00n9 items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-chat-sidebar"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"/></svg> </button> <!-- End Sidebar Toggle --> </div> <div class="e3fpz truncate"> <div class="flex items-center vmt4s"> <a class="n33uu inline-flex items-center lialp cm336 ps5iq wfm4e d77gl oo8ro bp13m tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="../../pro/chat/reports.html"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/></svg> <span class="hidden sm:block">Refresh</span> </a> <div class="e3fpz hidden sm:block truncate"> <p class="truncate cm336 t6rrs dark:text-neutral-500"> Last updated 10 minutes ago </p> <p class="truncate cm336 t6rrs dark:text-neutral-500"> GMT+00:00 (United Kingdom) </p> </div> </div> </div> <!-- Calendar Dropdown --> <div class="hs-dropdown [--placement:bottom-right] [--strategy:absolute] [--flip:false] [--auto-close:inside] relative inline-flex"> <button id="hs-pro-dachcd" type="button" class="n33uu inline-flex items-center vrcxw cm336 dslo6 ps5iq wfm4e qb17b oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> 25 Jul, 2023 - 25 Aug, 2023 <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n e8yz0 transition-[opacity,margin] duration opacity-0 hidden mvewc ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dachcd"> <div class=" flex flex-col oo8ro wfm4e d77gl rkof5 lile3 overflow-hidden dark:bg-neutral-900 dark:border-neutral-700"> <!-- Calendar --> <div class="sm:flex"> <!-- Calendar --> <div class="yyez4 space-y-0.5"> <!-- Months --> <div class="dmfqa mqtol items-center vmt4s mzxha nfrzv"> <!-- Prev Button --> <div class="i63zv"> <button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> </div> <!-- End Prev Button --> <!-- Month / Year --> <div class="nvgw2 flex r00n9 items-center pgjbi"> <div class="relative"> <select data-hs-select='{ "placeholder": "Select month", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option value="0">January</option> <option value="1">February</option> <option value="2">March</option> <option value="3">April</option> <option value="4">May</option> <option value="5">June</option> <option value="6" selected>July</option> <option value="7">August</option> <option value="8">September</option> <option value="9">October</option> <option value="10">November</option> <option value="11">December</option> </select> </div> <span class="bp13m dark:text-neutral-200">/</span> <div class="relative"> <select data-hs-select='{ "placeholder": "Select year", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option selected>2023</option> <option>2024</option> <option>2025</option> <option>2026</option> <option>2027</option> </select> </div> </div> <!-- End Month / Year --> <!-- Next Button --> <div class="i63zv flex c9j8j"> <button type="button" class="opacity-0 howv4 aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next"> <svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> <!-- End Next Button --> </div> <!-- Months --> <!-- Weeks --> <div class="flex yh9al"> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Mo </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Tu </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> We </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Th </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Fr </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Sa </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 26 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 27 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 28 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 29 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 30 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 1 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 2 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 3 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 4 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 5 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 6 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 7 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 8 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 9 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 10 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 11 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 12 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 13 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 14 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 15 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 16 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 17 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 18 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 19 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 20 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 21 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 22 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 23 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 24 </button> </div> <div class="agawe yo949 dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700"> 25 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 26 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 27 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 28 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 29 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 30 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 31 </button> </div> <div class="o3vbm gbc5c dark:from-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 1 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 2 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 3 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 4 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 5 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 6 </button> </div> </div> <!-- Days --> </div> <!-- Calendar --> <div class="yyez4 space-y-0.5"> <!-- Months --> <div class="dmfqa mqtol items-center vmt4s mzxha nfrzv"> <!-- Prev Button --> <div class="i63zv"> <button type="button" class="opacity-0 howv4 aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> </div> <!-- End Prev Button --> <!-- Month / Year --> <div class="nvgw2 flex r00n9 items-center pgjbi"> <div class="relative"> <select data-hs-select='{ "placeholder": "Select month", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option value="0">January</option> <option value="1">February</option> <option value="2">March</option> <option value="3">April</option> <option value="4">May</option> <option value="5">June</option> <option value="6" selected>July</option> <option value="7">August</option> <option value="8">September</option> <option value="9">October</option> <option value="10">November</option> <option value="11">December</option> </select> </div> <span class="bp13m dark:text-neutral-200">/</span> <div class="relative"> <select data-hs-select='{ "placeholder": "Select year", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option selected>2023</option> <option>2024</option> <option>2025</option> <option>2026</option> <option>2027</option> </select> </div> </div> <!-- End Month / Year --> <!-- Next Button --> <div class="i63zv flex c9j8j"> <button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next"> <svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> <!-- End Next Button --> </div> <!-- Months --> <!-- Weeks --> <div class="flex yh9al"> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Mo </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Tu </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> We </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Th </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Fr </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Sa </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div class="ifwqi gbc5c dark:from-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 31 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 1 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 2 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 3 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 4 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 5 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 6 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 7 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 8 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 9 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 10 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 11 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 12 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 13 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 14 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 15 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 16 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 17 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 18 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 19 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 20 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 21 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 22 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 23 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 24 </button> </div> <div class="agawe aeta7 dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700"> 25 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 26 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 27 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 28 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 29 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 30 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 31 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 1 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 2 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 3 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 4 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 5 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 6 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 7 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 8 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 9 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 10 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> <!-- Button Group --> <div class="flex items-center mctd2 dkhxo c9j8j pyimf d77gl dark:border-neutral-700 lialp"> <button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> Cancel </button> <button type="button" class="i7oig apc69 inline-flex r00n9 items-center lialp cm336 vo20k ps5iq vd2fb qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry"> Apply </button> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Calendar Dropdown --> </div> </header> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html>
<header class="zxo3w fixed ofq05 fszza flex flex-wrap bmmg2 md:flex-nowrap ucmtr oo8ro ic6aj d77gl dark:bg-neutral-800 dark:border-neutral-700"> <div class="flex uip67 lialp tuucy items-center i65bn o1ncb kzzmm lauwb"> <div class="lg:hidden"> <!-- Sidebar Toggle --> <button type="button" class="aukwz inline-flex r00n9 items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-pro-chat-sidebar" aria-label="Toggle navigation" data-hs-overlay="#hs-pro-chat-sidebar"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8L21 12L17 16M3 12H13M3 6H13M3 18H13"/></svg> </button> <!-- End Sidebar Toggle --> </div> <div class="e3fpz truncate"> <div class="flex items-center vmt4s"> <a class="n33uu inline-flex items-center lialp cm336 ps5iq wfm4e d77gl oo8ro bp13m tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="../../pro/chat/reports.html"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/></svg> <span class="hidden sm:block">Refresh</span> </a> <div class="e3fpz hidden sm:block truncate"> <p class="truncate cm336 t6rrs dark:text-neutral-500"> Last updated 10 minutes ago </p> <p class="truncate cm336 t6rrs dark:text-neutral-500"> GMT+00:00 (United Kingdom) </p> </div> </div> </div> <!-- Calendar Dropdown --> <div class="hs-dropdown [--placement:bottom-right] [--strategy:absolute] [--flip:false] [--auto-close:inside] relative inline-flex"> <button id="hs-pro-dachcd" type="button" class="n33uu inline-flex items-center vrcxw cm336 dslo6 ps5iq wfm4e qb17b oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> 25 Jul, 2023 - 25 Aug, 2023 <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n e8yz0 transition-[opacity,margin] duration opacity-0 hidden mvewc ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dachcd"> <div class=" flex flex-col oo8ro wfm4e d77gl rkof5 lile3 overflow-hidden dark:bg-neutral-900 dark:border-neutral-700"> <!-- Calendar --> <div class="sm:flex"> <!-- Calendar --> <div class="yyez4 space-y-0.5"> <!-- Months --> <div class="dmfqa mqtol items-center vmt4s mzxha nfrzv"> <!-- Prev Button --> <div class="i63zv"> <button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> </div> <!-- End Prev Button --> <!-- Month / Year --> <div class="nvgw2 flex r00n9 items-center pgjbi"> <div class="relative"> <select data-hs-select='{ "placeholder": "Select month", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option value="0">January</option> <option value="1">February</option> <option value="2">March</option> <option value="3">April</option> <option value="4">May</option> <option value="5">June</option> <option value="6" selected>July</option> <option value="7">August</option> <option value="8">September</option> <option value="9">October</option> <option value="10">November</option> <option value="11">December</option> </select> </div> <span class="bp13m dark:text-neutral-200">/</span> <div class="relative"> <select data-hs-select='{ "placeholder": "Select year", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option selected>2023</option> <option>2024</option> <option>2025</option> <option>2026</option> <option>2027</option> </select> </div> </div> <!-- End Month / Year --> <!-- Next Button --> <div class="i63zv flex c9j8j"> <button type="button" class="opacity-0 howv4 aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next"> <svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> <!-- End Next Button --> </div> <!-- Months --> <!-- Weeks --> <div class="flex yh9al"> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Mo </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Tu </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> We </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Th </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Fr </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Sa </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 26 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 27 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 28 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 29 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500" disabled> 30 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 1 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 2 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 3 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 4 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 5 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 6 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 7 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 8 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 9 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 10 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 11 </button> </div> <div > <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 12 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 13 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 14 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 15 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 16 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 17 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 18 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 19 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 20 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 21 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 22 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 23 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 24 </button> </div> <div class="agawe yo949 dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700"> 25 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 26 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 27 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 28 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 29 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 30 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 31 </button> </div> <div class="o3vbm gbc5c dark:from-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 1 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 2 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 3 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 4 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 5 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 6 </button> </div> </div> <!-- Days --> </div> <!-- Calendar --> <div class="yyez4 space-y-0.5"> <!-- Months --> <div class="dmfqa mqtol items-center vmt4s mzxha nfrzv"> <!-- Prev Button --> <div class="i63zv"> <button type="button" class="opacity-0 howv4 aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg> </button> </div> <!-- End Prev Button --> <!-- Month / Year --> <div class="nvgw2 flex r00n9 items-center pgjbi"> <div class="relative"> <select data-hs-select='{ "placeholder": "Select month", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr qzvcy yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option value="0">January</option> <option value="1">February</option> <option value="2">March</option> <option value="3">April</option> <option value="4">May</option> <option value="5">June</option> <option value="6" selected>July</option> <option value="7">August</option> <option value="8">September</option> <option value="9">October</option> <option value="10">November</option> <option value="11">December</option> </select> </div> <span class="bp13m dark:text-neutral-200">/</span> <div class="relative"> <select data-hs-select='{ "placeholder": "Select year", "toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>", "toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative flex dslo6 i65bn cursor-pointer qgy40 vo20k bp13m ck8au focus:outline-hidden oahj8 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500", "dropdownClasses": "ls9te ucmtr vl7eg yj8ha ju7it space-y-0.5 oo8ro wfm4e d77gl ps5iq rkof5 overflow-hidden overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700", "optionClasses": "n33uu i65bn t5ziw bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800", "optionTemplate": "<div class=\"flex uip67 items-center i65bn \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx stqz8 bp13m dark:text-neutral-200 \" xmlns=\"http:.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg></span></div>" }' class="hidden"> <option selected>2023</option> <option>2024</option> <option>2025</option> <option>2026</option> <option>2027</option> </select> </div> </div> <!-- End Month / Year --> <!-- Next Button --> <div class="i63zv flex c9j8j"> <button type="button" class="aukwz flex r00n9 items-center bp13m ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next"> <svg class="hq6gx ibvs1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> <!-- End Next Button --> </div> <!-- Months --> <!-- Weeks --> <div class="flex yh9al"> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Mo </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Tu </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> We </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Th </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Fr </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Sa </span> <span class="p6abj p8o62 block lj7mp t5ziw t6rrs dark:text-neutral-500"> Su </span> </div> <!-- Weeks --> <!-- Days --> <div class="flex"> <div class="ifwqi gbc5c dark:from-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 31 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 1 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 2 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 3 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700"> 4 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 5 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 6 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 7 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 8 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 9 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 10 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 11 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 12 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 13 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 14 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 15 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 16 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 17 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 18 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 19 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 20 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 21 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 22 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 23 </button> </div> <div class="agawe fzl7g t1hgs dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 24 </button> </div> <div class="agawe aeta7 dark:bg-neutral-800"> <button type="button" class="p6abj qil8e flex r00n9 items-center jqqot vd2fb qb17b t5ziw vo20k zr4l6 bp7p8 oq0dt dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:border-neutral-700"> 25 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 26 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 27 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 28 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 29 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 30 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m oq0dt bp7p8 ck8au disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tgjie oahj8 dark:text-neutral-200 dark:hover:border-blue-500 dark:hover:text-blue-500 dark:focus:border-blue-500 dark:focus:text-blue-500"> 31 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 1 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 2 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 3 </button> </div> </div> <!-- Days --> <!-- Days --> <div class="flex"> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 4 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 5 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 6 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 7 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 8 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 9 </button> </div> <div> <button type="button" class="p6abj qil8e flex r00n9 items-center vd2fb qb17b t5ziw bp13m bp7p8 ck8au oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled> 10 </button> </div> </div> <!-- Days --> </div> </div> <!-- End Calendar --> <!-- Button Group --> <div class="flex items-center mctd2 dkhxo c9j8j pyimf d77gl dark:border-neutral-700 lialp"> <button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> Cancel </button> <button type="button" class="i7oig apc69 inline-flex r00n9 items-center lialp cm336 vo20k ps5iq vd2fb qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry"> Apply </button> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Calendar Dropdown --> </div> </header>
Subscribe
Get all the latest Preline updates and news.
All examples
Close
Close