User Schedule
Navigate user schedules with ease using a weekly calendar, organized list groups, and revealing admin modals with even more content.
<!-- Events Card -->
<div class="flex flex-col oo8ro wfm4e d77gl lile3 hx4gm tg3tv dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="xlz15 p7rf8 flex uip67 items-center h1dxu">
<h2 class="inline-block y2wul u832x bp13m dark:text-neutral-200">
Events
</h2>
<!-- Form Group -->
<div class="flex beel1 items-center lialp">
<!-- Button -->
<button type="button" class="jlmh5 sofkk kzzmm inline-flex items-center vrcxw t5ziw y4biu vo20k ps5iq wfm4e qb17b jqqot zr4l6 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v1cco tyfry" data-hs-overlay="#hs-pro-daem">
<svg class="hidden sm:block 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="M5 12h14"/><path d="M12 5v14"/></svg>
Add event
</button>
<!-- End Button -->
</div>
<!-- End Form Group -->
</div>
<!-- End Header -->
<!-- Body -->
<div class="xlz15">
<h2 class="t5ziw y2wul bp13m dark:text-neutral-200">
March 29, 2023
</h2>
<!-- Weekly Calendar -->
<div class="ls9te ju7it flex uip67 items-center bj6m2 sl77o oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700">
<button type="button" class="qs2rq egl7u t5ziw t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:hover:bg-neutral-500/10 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="hq6gx ca09w mx-auto" 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>
<button type="button" class="i65bn egl7u t5ziw t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:hover:bg-neutral-500/10 dark:text-neutral-400 dark:focus:bg-neutral-700" disabled>
<span class="block">Mon</span>
<span class="block">27</span>
</button>
<button type="button" class="i65bn egl7u t5ziw t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:hover:bg-neutral-500/10 dark:text-neutral-400 dark:focus:bg-neutral-700">
<span class="block">Tue</span>
<span class="block">2</span>
</button>
<button type="button" class="i65bn egl7u t5ziw rwtxm ps5iq c32br focus:outline-hidden mhnwi dark:bg-blue-500/10 dark:text-blue-500 dark:focus:bg-blue-500/20">
<span class="block">Wed</span>
<span class="block y2wul">29</span>
</button>
<button type="button" class="i65bn egl7u t5ziw t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:hover:bg-neutral-500/10 dark:text-neutral-400 dark:focus:bg-neutral-700">
<span class="block">Thu</span>
<span class="block">30</span>
</button>
<button type="button" class="hidden sm:block i65bn egl7u t5ziw t6rrs ps5iq ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:bg-neutral-500/10 dark:text-neutral-400 dark:focus:bg-neutral-700">
<span class="block">Fri</span>
<span class="block">31</span>
</button>
<button type="button" class="hidden sm:block i65bn egl7u t5ziw t6rrs ps5iq ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:bg-neutral-500/10 dark:text-neutral-400 dark:focus:bg-neutral-700">
<span class="block">Sat</span>
<span class="block">1</span>
</button>
<button type="button" class="hidden sm:block i65bn egl7u t5ziw t6rrs ps5iq ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:hover:bg-neutral-500/10 dark:text-neutral-400 dark:focus:bg-neutral-700">
<span class="block">Sun</span>
<span class="block">2</span>
</button>
<button type="button" class="qs2rq egl7u t5ziw t6rrs ps5iq ksr3h focus:outline-hidden kf4z7 disabled:opacity-50 disabled:pointer-events-none dark:hover:bg-neutral-500/10 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="hq6gx ca09w mx-auto" 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="m9 18 6-6-6-6"/></svg>
</button>
</div>
<!-- End Weekly Calendar -->
<div class="w11y8">
<!-- Events List Group -->
<ul class="flex flex-col oo8ro wfm4e d77gl lile3 -space-y-px dark:bg-neutral-800 dark:border-neutral-700">
<!-- List Item -->
<li class="pyimf d77gl egjfg dark:border-neutral-700">
<div class="yyez4 orpjh flex flex-col sm:flex-row sm:items-center zb7az xve2l o3x60">
<div class="a6hr7 sm:ms-auto dhy94 qaonc">
<button type="button" class="jlmh5 kzzmm 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">
Attending
</button>
</div>
<div class="fyaqk">
<button type="button" class="fhdnb -ms-px group block qgy40 kk3hk rxtfl focus:outline-hidden" data-hs-overlay="#hs-pro-deem">
<span class="block qgy40 t5ziw vo20k bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500 dark:text-neutral-200">
12:30 PM - 14:00 PM
</span>
<span class="block t5ziw xq1jm dark:text-neutral-400">
Project onboarding with new teammates
</span>
</button>
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="pyimf d77gl egjfg dark:border-neutral-700">
<div class="yyez4 flex items-center vmt4s">
<div class="flex items-center lialp">
<svg class="hq6gx ibvs1 t6rrs dark:text-neutral-500" 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.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
<p class="t5ziw t6rrs dark:text-neutral-500">
3 files attached
</p>
</div>
<div class="ms-auto">
<div class="flex -space-x-px">
<button type="button" class="flex r00n9 items-center ezw10 qgy40 oo8ro wfm4e d77gl bp13m t5ziw vo20k fzl7g t1hgs hx4gm acu59 tdhmi disabled:opacity-40 focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.0324 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 15.8079L25.9844 18.3197L31.9364 15.8079V8.86395L20.0324 1.91994Z" fill="#21A366"/>
<path d="M8.12839 8.86395H20.0324V15.8079H8.12839V8.86395Z" fill="#107C41"/>
<path d="M30.614 1.91994H20.0324V8.86395H31.9364V3.24228C31.9364 2.89158 31.7971 2.55523 31.5491 2.30725C31.3011 2.05926 30.9647 1.91994 30.614 1.91994Z" fill="#33C481"/>
<path d="M20.0324 15.8079H8.12839V28.3736C8.12839 28.7243 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.6959 9.45071 29.6959H30.6141C30.9647 29.6959 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7243 31.9364 28.3736V22.7519L20.0324 15.8079Z" fill="#185C37"/>
<path d="M20.0324 15.8079H31.9364V22.7519H20.0324V15.8079Z" fill="#107C41"/>
<path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/>
<path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/>
<path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/>
<path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/>
<path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16402 23.7439 0.827672 23.6047 0.579686 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579686 8.25922C0.827672 8.01122 1.16402 7.87194 1.51472 7.87194Z" fill="#107C41"/>
<path d="M3.69711 20.7679L6.90722 15.794L3.96694 10.8479H6.33286L7.93791 14.0095C8.08536 14.3091 8.18688 14.5326 8.24248 14.68H8.26328C8.36912 14.4407 8.47984 14.2079 8.5956 13.9817L10.3108 10.8479H12.4822L9.46656 15.7663L12.5586 20.7679H10.2473L8.3932 17.2959C8.30592 17.148 8.23184 16.9927 8.172 16.8317H8.14424C8.09016 16.9891 8.01824 17.1399 7.92998 17.2811L6.02236 20.7679H3.69711Z" fill="white"/>
</svg>
</button>
<button type="button" class="flex r00n9 items-center ezw10 qgy40 oo8ro wfm4e d77gl bp13m t5ziw vo20k fzl7g t1hgs hx4gm acu59 tdhmi disabled:opacity-40 focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="hq6gx stqz8" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.7438 0.940745C6.84695 1.30308 2.6841 1.63631 2.48837 1.67533C1.9396 1.77319 1.44038 2.14544 1.20563 2.63537L1 3.06646L1.01982 13.3407L1.04893 23.615L1.36234 24.2517C1.53886 24.6042 2.73365 26.2499 4.0362 27.9439C6.61221 31.2836 6.79802 31.47 7.77726 31.5679C8.06156 31.597 10.1966 31.4991 12.5081 31.3622C14.8295 31.2154 18.5508 30.99 20.7842 30.863C30.3233 30.2839 29.8334 30.3328 30.3815 29.8627C31.0672 29.2947 31.0183 30.2251 31.0474 17.7377C31.0672 7.15003 31.0573 6.45509 30.9006 6.13177C30.7148 5.76943 30.3815 5.51487 26.0329 2.45885C23.1243 0.421704 22.9186 0.313932 21.6155 0.294111C21.0772 0.274911 16.6307 0.568497 11.7438 0.940745ZM22.752 2.28232C23.1633 2.46814 26.1704 4.56412 26.6108 4.9661C26.7284 5.08378 26.7675 5.18164 26.7086 5.24048C26.5717 5.35817 7.96245 6.465 7.42421 6.38634C7.17956 6.34732 6.81722 6.20052 6.61159 6.06302C5.75932 5.48514 3.64413 3.75149 3.64413 3.62452C3.64413 3.29129 3.57538 3.29129 11.8714 2.69421C13.4582 2.58644 16.0633 2.39071 17.6502 2.26312C21.0871 1.98874 22.1159 1.99865 22.752 2.28232ZM28.6677 7.63996C28.8046 7.77685 28.9223 8.04132 28.9613 8.29589C28.9904 8.53125 29.0102 12.9189 28.9904 18.0313C28.9613 26.8067 28.9514 27.3555 28.7848 27.61C28.6869 27.7667 28.4912 27.9333 28.3438 27.9823C27.9331 28.1489 8.43318 29.2557 8.03183 29.138C7.84601 29.0891 7.59083 28.9324 7.45394 28.7955L7.21858 28.541L7.18947 19.0799C7.16965 12.4395 7.18947 9.5012 7.26813 9.23672C7.32697 9.041 7.47376 8.80564 7.60136 8.72759C7.77788 8.60991 8.93364 8.51205 12.9101 8.2773C15.7016 8.1206 20.0206 7.85613 22.4987 7.70933C28.3933 7.34638 28.3741 7.34638 28.6677 7.63996Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/>
<path d="M23.4277 10.8818C22.3698 10.9506 21.4296 11.0484 21.3218 11.1073C20.9985 11.2739 20.8028 11.5483 20.7638 11.8617C20.7347 12.185 20.8325 12.224 21.8898 12.3516L22.35 12.4104V16.5925C22.35 19.0799 22.311 20.7256 22.2621 20.6767C22.2131 20.6178 20.8226 18.5027 19.167 15.9756C17.512 13.4392 16.1407 11.3525 16.1209 11.3333C16.1011 11.3135 15.024 11.3724 13.7313 11.4609C12.1445 11.5687 11.273 11.6666 11.0965 11.7644C10.8122 11.9112 10.4988 12.4303 10.4988 12.7734C10.4988 12.979 10.871 13.0868 11.6545 13.0868H12.0658V25.1139L11.4 25.3196C10.8809 25.4763 10.7044 25.5741 10.6165 25.7698C10.4598 26.1031 10.4697 26.4066 10.6264 26.4066C10.6852 26.4066 11.792 26.3378 13.0649 26.2598C15.582 26.113 15.8657 26.0442 16.1302 25.5252C16.2088 25.3685 16.277 25.2019 16.277 25.1529C16.277 25.1139 15.9345 24.9962 15.5226 24.8984C15.1014 24.8005 14.6802 24.7027 14.5923 24.6828C14.4257 24.6339 14.4157 24.3304 14.4157 20.1186V15.6033L17.3931 20.2753C20.5173 25.1721 20.9093 25.7308 21.3893 25.9755C21.987 26.2889 23.5051 26.0733 24.2688 25.5741L24.5042 25.4273L24.524 18.7479L24.5531 12.0586L25.0722 11.9608C25.6891 11.8431 25.9734 11.5594 25.9734 11.0695C25.9734 10.7561 25.9536 10.7362 25.66 10.7462C25.4847 10.7542 24.4757 10.813 23.4277 10.8818Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/>
</svg>
</button>
<button type="button" class="flex r00n9 items-center ezw10 qgy40 oo8ro wfm4e d77gl bp13m t5ziw vo20k fzl7g t1hgs hx4gm acu59 tdhmi disabled:opacity-40 focus:outline-hidden kf4z7 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<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 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>
</button>
</div>
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="pyimf d77gl egjfg dark:border-neutral-700">
<div class="yyez4 flex items-center vmt4s">
<h4 class="t5ziw xq1jm dark:text-neutral-400">
Attendees
</h4>
<div class="ms-auto">
<div class="flex items-center -space-x-2">
<img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span>
<img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span>
</div>
</div>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End Events List Group -->
</div>
<div class="ymk3i">
<!-- Events List Group -->
<ul class="flex flex-col oo8ro wfm4e d77gl lile3 -space-y-px dark:bg-neutral-800 dark:border-neutral-700">
<!-- List Item -->
<li class="pyimf d77gl egjfg dark:border-neutral-700">
<div class="yyez4 orpjh flex flex-col sm:flex-row sm:items-center zb7az xve2l o3x60">
<div class="a6hr7 sm:ms-auto dhy94 qaonc">
<button type="button" class="jlmh5 kzzmm inline-flex items-center pgjbi cm336 ps5iq wfm4e f31lg rwtxm dmmqr bc7ot disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden w202c dark:border-blue-500 dark:text-blue-500 dark:hover:text-blue-400 dark:hover:border-blue-400 dark:focus:border-blue-600">
<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="M5 12h14"/><path d="M12 5v14"/></svg>
Attend
</button>
</div>
<div class="fyaqk">
<button type="button" class="fhdnb -ms-px group block qgy40 kk3hk rxtfl focus:outline-hidden" data-hs-overlay="#hs-pro-deem">
<span class="block qgy40 t5ziw vo20k bp13m group-hover:text-blue-600 group-focus:text-blue-600 dark:group-hover:text-blue-500 dark:group-focus:text-blue-500 dark:text-neutral-200">
1:00 PM - 3:00 PM
</span>
<span class="block t5ziw xq1jm dark:text-neutral-400">
Preline update v2.0
</span>
</button>
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="pyimf d77gl egjfg dark:border-neutral-700">
<div class="yyez4 flex items-center vmt4s">
<h4 class="t5ziw xq1jm dark:text-neutral-400">
Attendees
</h4>
<div class="ms-auto">
<div class="flex items-center -space-x-2">
<img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
</div>
</div>
</div>
</li>
<!-- End List Item -->
</ul>
<!-- End Events List Group -->
</div>
</div>
<!-- End Body -->
</div>
<!-- End Events Card -->
<!-- Add Event Modal -->
<div id="hs-pro-daem" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-daem-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl x29fm p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800">
<!-- Header -->
<div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700">
<h3 id="hs-pro-daem-label" class="vo20k bp13m dark:text-neutral-200">
Create event
</h3>
<button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-daem">
<span class="ecbnn">Close</span>
<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="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="pi5e6 space-y-5">
<div class="space-y-2">
<label for="hs-pro-daemtt" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Title
</label>
<input id="hs-pro-daemtt" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Event title">
</div>
<div class="space-y-2">
<label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Date & Time
</label>
<!-- Form Group -->
<div class="flex flex-col sm:flex-row sm:items-center qej3o xve2l uuxup">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] inline-flex i65bn">
<button id="hs-pro-daemnic" type="button" class="jlmh5 sofkk apc69 i65bn qgy40 inline-flex uip67 items-center wfm4e d77gl t6rrs psfwb ps5iq acu59 focus:outline-hidden v1cco tyfry disabled:opacity-50 disabled:pointer-events-none dark:border-neutral-700 dark:text-neutral-500" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
July 29, 2023
<svg class="hq6gx zocwd a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
<path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
</svg>
</button>
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n transition-[opacity,margin] duration opacity-0 hidden ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-daemnic">
<!-- 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=" 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 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">
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 >
<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">
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 >
<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>
<!-- 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">
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>
<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>
</div>
</div>
<!-- End Calendar Dropdown -->
<div class="hidden sm:block w4u4p v71il atiiv d77gl dark:border-neutral-700"></div>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative jlmh5 sofkk dhy94 k77cj flex lialp dslo6 i65bn cursor-pointer oo8ro wfm4e d77gl ps5iq qgy40 psfwb focus:outline-hidden v1cco tyfry dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "ls9te ucmtr n9mfl yj8ha ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn e9qjd bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 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="">Choose</option>
<option>12:01 AM</option>
<option>1:00 AM</option>
<option>2:00 AM</option>
<option>3:00 AM</option>
<option>4:00 AM</option>
<option>5:00 AM</option>
<option>6:00 AM</option>
<option>7:00 AM</option>
<option>8:00 AM</option>
<option selected>9:00 AM</option>
<option>10:00 AM</option>
<option>11:00 AM</option>
<option>12:01 PM</option>
<option>1:00 PM</option>
<option>2:00 PM</option>
<option>3:00 PM</option>
<option>4:00 PM</option>
<option>5:00 PM</option>
<option>6:00 PM</option>
<option>7:00 PM</option>
<option>8:00 PM</option>
<option>9:00 PM</option>
<option>10:00 PM</option>
<option>11:00 PM</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" 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="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
<span class="t5ziw t6rrs dark:text-neutral-500">to:</span>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative jlmh5 sofkk dhy94 k77cj flex lialp dslo6 i65bn cursor-pointer oo8ro wfm4e d77gl ps5iq qgy40 psfwb focus:outline-hidden v1cco tyfry dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "ls9te ucmtr n9mfl yj8ha ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn e9qjd bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 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="">Choose</option>
<option>12:01 AM</option>
<option>1:00 AM</option>
<option>2:00 AM</option>
<option>3:00 AM</option>
<option>4:00 AM</option>
<option>5:00 AM</option>
<option>6:00 AM</option>
<option>7:00 AM</option>
<option>8:00 AM</option>
<option>9:00 AM</option>
<option selected>10:00 AM</option>
<option>11:00 AM</option>
<option>12:01 PM</option>
<option>1:00 PM</option>
<option>2:00 PM</option>
<option>3:00 PM</option>
<option>4:00 PM</option>
<option>5:00 PM</option>
<option>6:00 PM</option>
<option>7:00 PM</option>
<option>8:00 PM</option>
<option>9:00 PM</option>
<option>10:00 PM</option>
<option>11:00 PM</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" 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="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Form Group -->
</div>
<div class="space-y-2">
<label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Invite
</label>
<!-- Input Form -->
<div class="flex flex-col sm:flex-row sm:items-center aygsi">
<!-- Select -->
<div class="relative i65bn">
<select multiple data-hs-select='{
"placeholder": "Select option...",
"wrapperClasses": "hs-select-active:ring-1 hs-select-active:ring-blue-500 k77cj ps5iq flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw wfm4e d77gl hx4gm dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 hs-select-active:dark:outline-hidden hs-select-active:dark:ring-1 hs-select-active:dark:ring-neutral-600",
"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 oo8ro wfm4e d77gl ps5iq qgy40 t5ziw kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400",
"dropdownClasses": "ls9te ucmtr i65bn yj8ha ju7it space-y-0.5 oo8ro ps5iq overflow-hidden overflow-y-auto rrmkk dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 i7oig dkhxo 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",
"mode": "tags",
"tagsClasses": "relative hacdm k77cj vbt1n flex items-center flex-wrap dslo6 i65bn wfm4e d77gl ps5iq qgy40 t5ziw oo46r tyfry dark:bg-neutral-900 dark:text-neutral-400",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative bo1ta oo8ro wfm4e d77gl oq0dt r3ev6 c90zz dark:bg-neutral-800 dark:border-neutral-700 \"><div class=\"awhdl n3nvk \" data-icon></div><div class=\"lt27r \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w zocwd oq0dt bp13m rjuva wcxzs focus:outline-hidden v1cco dznaq t5ziw dark:bg-neutral-700 dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"hq6gx a49ku \" 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=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg></div></div>",
"tagsInputClasses": "jlmh5 sofkk dkhxo e3fpz rsqv5 psfwb qb17b v345i ps5iq rdxom focus-visible:outline-hidden dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"aukwz epucs \" data-icon></div><div><div class=\"t5ziw y2wul bp13m dark:text-neutral-200 \" data-title></div><div class=\"cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option value="1" data-hs-select-option='{
"description": "James Collins",
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>James</option>
<option value="2" data-hs-select-option='{
"description": "Lori Hunter",
"icon": "<span class=\"flex hq6gx r00n9 items-center lpgt1 oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 \">L</span>"
}'>Lori</option>
<option value="3" data-hs-select-option='{
"description": "david",
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80\" alt=\"Avatar\">"
}'>David</option>
<option value="4" data-hs-select-option='{
"description": "Ella Laudq",
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Ella</option>
<option value="5" data-hs-select-option='{
"description": "Ols Schols",
"icon": "<span class=\"flex hq6gx r00n9 items-center lpgt1 oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 \">O</span>"
}'>Ols</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" 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="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
<button type="button" class="jlmh5 sofkk apc69 inline-flex r00n9 items-center lialp psfwb 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">
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1C8.55228 1 9 1.44772 9 2V7L14 7C14.5523 7 15 7.44771 15 8C15 8.55228 14.5523 9 14 9L9 9V14C9 14.5523 8.55228 15 8 15C7.44772 15 7 14.5523 7 14V9.00001L2 9.00001C1.44772 9.00001 1 8.5523 1 8.00001C0.999999 7.44773 1.44771 7.00001 2 7.00001L7 7.00001V2C7 1.44772 7.44772 1 8 1Z"/>
</svg>
Add
</button>
</div>
<!-- End Input Form -->
</div>
<div class="space-y-2">
<label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Suggested attendees
</label>
<div class="flex items-center space-x-2">
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-daesa1" class="relative block oq0dt cursor-pointer">
<img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa1" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
James Collins
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-daesa2" class="relative block oq0dt cursor-pointer">
<span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa2" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Lori Hunter
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-daesa3" class="relative block oq0dt cursor-pointer">
<img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa3" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Lewis Clarke
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-daesa4" class="relative block oq0dt cursor-pointer">
<img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa4" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Ella Lauda
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-daesa5" class="relative block oq0dt cursor-pointer">
<span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa5" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Ols Schols
</span>
</div>
<!-- End User -->
</div>
</div>
<!-- Drag 'n Drop -->
<div class="space-y-2">
<label class="block block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Upload attachments
</label>
<div class="kg38v flex r00n9 oo8ro wfm4e ef3uy wiva2 lile3 dark:bg-neutral-800 dark:border-neutral-600">
<div class="lj7mp">
<svg class="zz68c kvliy mx-auto dark:text-neutral-400" width="70" height="46" viewBox="0 0 70 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.05172 9.36853L17.2131 7.5083V41.3608L12.3018 42.3947C9.01306 43.0871 5.79705 40.9434 5.17081 37.6414L1.14319 16.4049C0.515988 13.0978 2.73148 9.92191 6.05172 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/>
<path d="M63.9483 9.36853L52.7869 7.5083V41.3608L57.6982 42.3947C60.9869 43.0871 64.203 40.9434 64.8292 37.6414L68.8568 16.4049C69.484 13.0978 67.2685 9.92191 63.9483 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/>
<rect x="17.0656" y="1.62305" width="35.8689" height="42.7541" rx="5" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/>
<path d="M47.9344 44.3772H22.0655C19.3041 44.3772 17.0656 42.1386 17.0656 39.3772L17.0656 35.9161L29.4724 22.7682L38.9825 33.7121C39.7832 34.6335 41.2154 34.629 42.0102 33.7025L47.2456 27.5996L52.9344 33.7209V39.3772C52.9344 42.1386 50.6958 44.3772 47.9344 44.3772Z" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/>
<circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/>
</svg>
<div class="o1gdb flex flex-wrap r00n9 k8e57 xq1jm">
<span class="jjspw vo20k bp13m dark:text-neutral-200">
Drop your files here or
</span>
<label for="hs-pro-upcebb" class="relative cursor-pointer oo8ro y2wul rwtxm anx4o ps5iq ymclh pdar8 focus-within:outline-hidden ctwfs saj9v d9bqc dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600">
<span>browse</span>
<input id="hs-pro-upcebb" type="file" class="ecbnn">
</label>
</div>
<p class="xe8oj cm336 kvliy dark:text-neutral-400">
CSV, XLS, DOCX
</p>
</div>
</div>
</div>
<!-- End Drag 'n Drop -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="pi5e6 flex c9j8j lialp">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi 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" data-hs-overlay="#hs-pro-daem">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-daem">
Create event
</button>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Add Event Modal -->
<!-- Edit Event Modal -->
<div id="hs-pro-deem" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-deem-label">
<div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl x29fm p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="i65bn fmwcv flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800">
<!-- Header -->
<div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700">
<h3 id="hs-pro-deem-label" class="vo20k bp13m dark:text-neutral-200">
Edit event
</h3>
<button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-deem">
<span class="ecbnn">Close</span>
<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="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
<!-- End Header -->
<!-- Body -->
<div class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="pi5e6 space-y-5">
<div class="space-y-2">
<label for="hs-pro-deemtt" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Title
</label>
<input id="hs-pro-deemtt" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Event title" value="Project onboarding with new teammates">
</div>
<div class="space-y-2">
<label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Date & Time
</label>
<!-- Form Group -->
<div class="flex flex-col sm:flex-row sm:items-center qej3o xve2l uuxup">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] inline-flex i65bn">
<button id="hs-pro-deemnic" type="button" class="jlmh5 sofkk apc69 i65bn qgy40 inline-flex uip67 items-center wfm4e d77gl t6rrs psfwb ps5iq acu59 focus:outline-hidden v1cco tyfry disabled:opacity-50 disabled:pointer-events-none dark:border-neutral-700 dark:text-neutral-500" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
July 29, 2023
<svg class="hq6gx zocwd a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
<path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
</svg>
</button>
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 v4b5n transition-[opacity,margin] duration opacity-0 hidden ucmtr oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-deemnic">
<!-- 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=" 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 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">
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 >
<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">
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 >
<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>
<!-- 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">
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>
<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>
</div>
</div>
<!-- End Calendar Dropdown -->
<div class="hidden sm:block w4u4p v71il atiiv d77gl dark:border-neutral-700"></div>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative jlmh5 sofkk dhy94 k77cj flex lialp dslo6 i65bn cursor-pointer oo8ro wfm4e d77gl ps5iq qgy40 psfwb focus:outline-hidden v1cco tyfry dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "ls9te ucmtr n9mfl yj8ha ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn e9qjd bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 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="">Choose</option>
<option>12:01 AM</option>
<option>1:00 AM</option>
<option>2:00 AM</option>
<option>3:00 AM</option>
<option>4:00 AM</option>
<option>5:00 AM</option>
<option>6:00 AM</option>
<option>7:00 AM</option>
<option>8:00 AM</option>
<option selected>9:00 AM</option>
<option>10:00 AM</option>
<option>11:00 AM</option>
<option>12:01 PM</option>
<option>1:00 PM</option>
<option>2:00 PM</option>
<option>3:00 PM</option>
<option>4:00 PM</option>
<option>5:00 PM</option>
<option>6:00 PM</option>
<option>7:00 PM</option>
<option>8:00 PM</option>
<option>9:00 PM</option>
<option>10:00 PM</option>
<option>11:00 PM</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" 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="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
<span class="t5ziw t6rrs dark:text-neutral-500">to:</span>
<!-- Select -->
<div class="relative">
<select data-hs-select='{
"placeholder": "Select option...",
"toggleTag": "<button type=\"button\" aria-expanded=\"false\"></button>",
"toggleClasses": "hs-select-disabled:pointer-events-none hs-select-disabled:opacity-50 relative jlmh5 sofkk dhy94 k77cj flex lialp dslo6 i65bn cursor-pointer oo8ro wfm4e d77gl ps5iq qgy40 psfwb focus:outline-hidden v1cco tyfry dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600",
"dropdownClasses": "ls9te ucmtr n9mfl yj8ha ju7it space-y-0.5 overflow-hidden overflow-y-auto oo8ro lile3 rrmkk n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 jlmh5 kzzmm i65bn e9qjd bp13m cursor-pointer ksr3h ps5iq focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 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="">Choose</option>
<option>12:01 AM</option>
<option>1:00 AM</option>
<option>2:00 AM</option>
<option>3:00 AM</option>
<option>4:00 AM</option>
<option>5:00 AM</option>
<option>6:00 AM</option>
<option>7:00 AM</option>
<option>8:00 AM</option>
<option>9:00 AM</option>
<option selected>10:00 AM</option>
<option>11:00 AM</option>
<option>12:01 PM</option>
<option>1:00 PM</option>
<option>2:00 PM</option>
<option>3:00 PM</option>
<option>4:00 PM</option>
<option>5:00 PM</option>
<option>6:00 PM</option>
<option>7:00 PM</option>
<option>8:00 PM</option>
<option>9:00 PM</option>
<option>10:00 PM</option>
<option>11:00 PM</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" 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="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
</div>
<!-- End Form Group -->
</div>
<div class="space-y-2">
<label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Invite
</label>
<!-- Input Form -->
<div class="flex items-center vmt4s">
<!-- Select -->
<div class="relative i65bn">
<select id="hs-pro-select-tags" multiple data-hs-select='{
"placeholder": "Select option...",
"wrapperClasses": "hs-select-active:ring-1 hs-select-active:ring-blue-500 k77cj ps5iq flex items-center flex-wrap dslo6 i65bn qgy40 t5ziw oo8ro wfm4e d77gl hx4gm dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400 hs-select-active:dark:outline-hidden hs-select-active:dark:ring-1 hs-select-active:dark:ring-neutral-600",
"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 oo8ro wfm4e d77gl ps5iq qgy40 t5ziw kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400",
"dropdownClasses": "ls9te ucmtr i65bn yj8ha ju7it space-y-0.5 oo8ro ps5iq overflow-hidden overflow-y-auto rrmkk dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 i7oig dkhxo 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",
"mode": "tags",
"tagsClasses": "relative hacdm k77cj vbt1n flex items-center flex-wrap dslo6 i65bn wfm4e d77gl ps5iq qgy40 t5ziw oo46r tyfry dark:bg-neutral-900 dark:text-neutral-400",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative bo1ta oo8ro wfm4e d77gl oq0dt r3ev6 c90zz dark:bg-neutral-800 dark:border-neutral-700 \"><div class=\"awhdl n3nvk \" data-icon></div><div class=\"lt27r \" data-title></div><div class=\"inline-flex hq6gx r00n9 items-center ca09w zocwd oq0dt bp13m rjuva wcxzs focus:outline-hidden v1cco dznaq t5ziw dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"hq6gx a49ku \" 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=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg></div></div>",
"tagsInputClasses": "jlmh5 sofkk dkhxo e3fpz rsqv5 psfwb qb17b v345i ps5iq rdxom focus-visible:outline-hidden dark:bg-neutral-800 dark:text-neutral-400 dark:placeholder:text-neutral-400",
"optionTemplate": "<div class=\"flex items-center \"><div class=\"aukwz epucs \" data-icon></div><div><div class=\"t5ziw y2wul bp13m dark:text-neutral-200 \" data-title></div><div class=\"cm336 t6rrs dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"hq6gx ibvs1 \" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z\"/></svg></span></div></div>"
}' class="hidden">
<option value="">Choose</option>
<option selected value="1" data-hs-select-option='{
"description": "James Collins",
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>James</option>
<option value="2" data-hs-select-option='{
"description": "Lori Hunter",
"icon": "<span class=\"flex hq6gx r00n9 items-center lpgt1 oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 \">L</span>"
}'>Lori</option>
<option value="3" data-hs-select-option='{
"description": "david",
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80\" alt=\"Avatar\">"
}'>David</option>
<option value="4" data-hs-select-option='{
"description": "Ella Laudq",
"icon": "<img class=\"inline-block oq0dt \" src=\"https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80\" alt=\"Avatar\">"
}'>Ella</option>
<option value="5" data-hs-select-option='{
"description": "Ols Schols",
"icon": "<span class=\"flex hq6gx r00n9 items-center lpgt1 oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 \">O</span>"
}'>Ols</option>
</select>
<div class="absolute wgue8 z5b3o -translate-y-1/2">
<svg class="hq6gx stqz8 t6rrs dark:text-neutral-500" 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="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>
</div>
</div>
<!-- End Select -->
<button type="button" class="jlmh5 sofkk apc69 inline-flex r00n9 items-center lialp psfwb 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">
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1C8.55228 1 9 1.44772 9 2V7L14 7C14.5523 7 15 7.44771 15 8C15 8.55228 14.5523 9 14 9L9 9V14C9 14.5523 8.55228 15 8 15C7.44772 15 7 14.5523 7 14V9.00001L2 9.00001C1.44772 9.00001 1 8.5523 1 8.00001C0.999999 7.44773 1.44771 7.00001 2 7.00001L7 7.00001V2C7 1.44772 7.44772 1 8 1Z"/>
</svg>
Add
</button>
</div>
<!-- End Input Form -->
</div>
<div class="space-y-2">
<label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Suggested attendees
</label>
<div class="flex items-center space-x-2">
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-deesa1" class="relative block oq0dt cursor-pointer">
<img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-deesa1" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
James Collins
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-deesa2" class="relative block oq0dt cursor-pointer">
<span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-deesa2" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Lori Hunter
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-deesa3" class="relative block oq0dt cursor-pointer">
<img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-deesa3" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Lewis Clarke
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-deesa4" class="relative block oq0dt cursor-pointer">
<img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar">
<span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-deesa4" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Ella Lauda
</span>
</div>
<!-- End User -->
<!-- User -->
<div class="hs-tooltip inline-block">
<label for="hs-pro-deesa5" class="relative block oq0dt cursor-pointer">
<span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800">
<span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-deesa5" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" >
<svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
</svg>
</span>
</span>
</label>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip">
Ols Schols
</span>
</div>
<!-- End User -->
</div>
</div>
<!-- Drag 'n Drop -->
<div class="space-y-2">
<label class="block block ej64t t5ziw vo20k bp13m dark:text-neutral-200">
Upload attachments
</label>
<div class="kg38v flex r00n9 oo8ro wfm4e ef3uy wiva2 lile3 dark:bg-neutral-800 dark:border-neutral-600">
<div class="lj7mp">
<svg class="zz68c kvliy mx-auto dark:text-neutral-400" width="70" height="46" viewBox="0 0 70 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.05172 9.36853L17.2131 7.5083V41.3608L12.3018 42.3947C9.01306 43.0871 5.79705 40.9434 5.17081 37.6414L1.14319 16.4049C0.515988 13.0978 2.73148 9.92191 6.05172 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/>
<path d="M63.9483 9.36853L52.7869 7.5083V41.3608L57.6982 42.3947C60.9869 43.0871 64.203 40.9434 64.8292 37.6414L68.8568 16.4049C69.484 13.0978 67.2685 9.92191 63.9483 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/>
<rect x="17.0656" y="1.62305" width="35.8689" height="42.7541" rx="5" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/>
<path d="M47.9344 44.3772H22.0655C19.3041 44.3772 17.0656 42.1386 17.0656 39.3772L17.0656 35.9161L29.4724 22.7682L38.9825 33.7121C39.7832 34.6335 41.2154 34.629 42.0102 33.7025L47.2456 27.5996L52.9344 33.7209V39.3772C52.9344 42.1386 50.6958 44.3772 47.9344 44.3772Z" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/>
<circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/>
</svg>
<div class="o1gdb flex flex-wrap r00n9 k8e57 xq1jm">
<span class="jjspw vo20k bp13m dark:text-neutral-200">
Drop your files here or
</span>
<label for="hs-pro-upeebb" class="relative cursor-pointer oo8ro y2wul rwtxm anx4o ps5iq ymclh pdar8 focus-within:outline-hidden ctwfs saj9v d9bqc dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600">
<span>browse</span>
<input id="hs-pro-upeebb" type="file" class="ecbnn">
</label>
</div>
<p class="xe8oj cm336 kvliy dark:text-neutral-400">
CSV, XLS, DOCX
</p>
</div>
</div>
</div>
<!-- End Drag 'n Drop -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="pi5e6 flex c9j8j lialp">
<div class="flex-1 flex c9j8j items-center h1dxu">
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi 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" data-hs-overlay="#hs-pro-deem">
Cancel
</button>
<button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-deem">
Save changes
</button>
</div>
</div>
<!-- End Footer -->
</div>
</div>
</div>
<!-- End Edit Event Modal -->