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 zxv30 k9mkq yxawv mzy38 ntfdl hvpkx dark:bg-neutral-800 dark:border-neutral-700">
<!-- Header -->
<div class="y3kub myf40 flex saet7 items-center v6f2r">
<h2 class="inline-block hysdx vmtij ejo46 dark:text-neutral-200">
Events
</h2>
<!-- Form Group -->
<div class="flex s6hcg items-center u3ov7">
<!-- Button -->
<button type="button" class="f9d5d oyxl9 u4s9n inline-flex items-center lwq0m tuuss j22ch hw6xt wavyl k9mkq je4jy o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kebql isksk" data-hs-overlay="#hs-pro-daem">
<svg class="hidden sm:block n2l26 bnmi1" 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="y3kub">
<h2 class="tuuss hysdx ejo46 dark:text-neutral-200">
March 29, 2023
</h2>
<!-- Weekly Calendar -->
<div class="nqo4p smvag flex saet7 items-center txi90 wg2ch zxv30 k9mkq yxawv mzy38 dark:bg-neutral-800 dark:border-neutral-700">
<button type="button" class="os5at m4ksh tuuss z0e83 wavyl lk55v focus:outline-hidden rjc3l disabled:opacity-50 disabled:pointer-events-none dark:hover:bg-neutral-500/10 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="n2l26 s1u6m 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="xp67g m4ksh tuuss z0e83 wavyl lk55v focus:outline-hidden rjc3l 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="xp67g m4ksh tuuss z0e83 wavyl lk55v focus:outline-hidden rjc3l 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="xp67g m4ksh tuuss j28t5 wavyl megik focus:outline-hidden g2wdu dark:bg-blue-500/10 dark:text-blue-500 dark:focus:bg-blue-500/20">
<span class="block">Wed</span>
<span class="block hysdx">29</span>
</button>
<button type="button" class="xp67g m4ksh tuuss z0e83 wavyl lk55v focus:outline-hidden rjc3l 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 xp67g m4ksh tuuss z0e83 wavyl lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 xp67g m4ksh tuuss z0e83 wavyl lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 xp67g m4ksh tuuss z0e83 wavyl lk55v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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="os5at m4ksh tuuss z0e83 wavyl lk55v focus:outline-hidden rjc3l disabled:opacity-50 disabled:pointer-events-none dark:hover:bg-neutral-500/10 dark:text-neutral-400 dark:focus:bg-neutral-700">
<svg class="n2l26 s1u6m 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="x6le5">
<!-- Events List Group -->
<ul class="flex flex-col zxv30 k9mkq yxawv mzy38 -space-y-px dark:bg-neutral-800 dark:border-neutral-700">
<!-- List Item -->
<li class="jhbd9 yxawv ay19c dark:border-neutral-700">
<div class="fop0g lkb7z flex flex-col sm:flex-row sm:items-center es2r6 z7wgs yig8p">
<div class="yvgiy sm:ms-auto yjt4b uc95j">
<button type="button" class="f9d5d u4s9n inline-flex items-center u3ov7 on128 hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f 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="zkhej">
<button type="button" class="d3zsa -ms-px group block m8hmi u9cyx ia35x focus:outline-hidden" data-hs-overlay="#hs-pro-deem">
<span class="block m8hmi tuuss hw6xt ejo46 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 tuuss zqruk dark:text-neutral-400">
Project onboarding with new teammates
</span>
</button>
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="jhbd9 yxawv ay19c dark:border-neutral-700">
<div class="fop0g flex items-center rdqxy">
<div class="flex items-center u3ov7">
<svg class="n2l26 szmrd z0e83 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="tuuss z0e83 dark:text-neutral-500">
3 files attached
</p>
</div>
<div class="ms-auto">
<div class="flex -space-x-px">
<button type="button" class="flex enhxb items-center x7ecd m8hmi zxv30 k9mkq yxawv ejo46 tuuss hw6xt zqzrw gereu ntfdl moa07 wsl5v disabled:opacity-40 focus:outline-hidden rjc3l dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" 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="p0t9n 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="p0t9n 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="p0t9n 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="p0t9n 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 enhxb items-center x7ecd m8hmi zxv30 k9mkq yxawv ejo46 tuuss hw6xt zqzrw gereu ntfdl moa07 wsl5v disabled:opacity-40 focus:outline-hidden rjc3l dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" 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="p0t9n 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="p0t9n dark:fill-neutral-200" fill="currentColor"/>
</svg>
</button>
<button type="button" class="flex enhxb items-center x7ecd m8hmi zxv30 k9mkq yxawv ejo46 tuuss hw6xt zqzrw gereu ntfdl moa07 wsl5v disabled:opacity-40 focus:outline-hidden rjc3l dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 bnmi1" 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="jhbd9 yxawv ay19c dark:border-neutral-700">
<div class="fop0g flex items-center rdqxy">
<h4 class="tuuss zqruk dark:text-neutral-400">
Attendees
</h4>
<div class="ms-auto">
<div class="flex items-center -space-x-2">
<img class="n2l26 x7ecd mr9qs" 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 n2l26 enhxb items-center x7ecd zxv30 k9mkq yxawv hmow8 on128 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span>
<img class="n2l26 x7ecd mr9qs" 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="n2l26 x7ecd mr9qs" 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 n2l26 enhxb items-center x7ecd zxv30 k9mkq yxawv hmow8 on128 hw6xt dq2gi mr9qs 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="eg6px">
<!-- Events List Group -->
<ul class="flex flex-col zxv30 k9mkq yxawv mzy38 -space-y-px dark:bg-neutral-800 dark:border-neutral-700">
<!-- List Item -->
<li class="jhbd9 yxawv ay19c dark:border-neutral-700">
<div class="fop0g lkb7z flex flex-col sm:flex-row sm:items-center es2r6 z7wgs yig8p">
<div class="yvgiy sm:ms-auto yjt4b uc95j">
<button type="button" class="f9d5d u4s9n inline-flex items-center r2jif on128 wavyl k9mkq t9n9o j28t5 lwpe6 uofo2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden hse32 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="n2l26 bnmi1" 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="zkhej">
<button type="button" class="d3zsa -ms-px group block m8hmi u9cyx ia35x focus:outline-hidden" data-hs-overlay="#hs-pro-deem">
<span class="block m8hmi tuuss hw6xt ejo46 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 tuuss zqruk dark:text-neutral-400">
Preline update v2.0
</span>
</button>
</div>
</div>
</li>
<!-- End List Item -->
<!-- List Item -->
<li class="jhbd9 yxawv ay19c dark:border-neutral-700">
<div class="fop0g flex items-center rdqxy">
<h4 class="tuuss zqruk dark:text-neutral-400">
Attendees
</h4>
<div class="ms-auto">
<div class="flex items-center -space-x-2">
<img class="n2l26 x7ecd mr9qs" 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="n2l26 x7ecd mr9qs" 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="n2l26 x7ecd mr9qs" 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 zxagz hweyy oxtl1 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="u3poc gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<h3 id="hs-pro-daem-label" class="hw6xt ejo46 dark:text-neutral-200">
Create event
</h3>
<button type="button" class="x8hlq n2l26 flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" 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 hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="jhb8q space-y-5">
<div class="space-y-2">
<label for="hs-pro-daemtt" class="block madsw tuuss hw6xt ejo46 dark:text-neutral-200">
Title
</label>
<input id="hs-pro-daemtt" type="text" class="f9d5d oyxl9 l1xlu block xp67g yxawv wavyl tm0mx jgd2f st4vp isksk 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 madsw tuuss hw6xt ejo46 dark:text-neutral-200">
Date & Time
</label>
<!-- Form Group -->
<div class="flex flex-col sm:flex-row sm:items-center i3nmm z7wgs p8e4v">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] inline-flex xp67g">
<button id="hs-pro-daemnic" type="button" class="f9d5d oyxl9 l1xlu xp67g m8hmi inline-flex saet7 items-center k9mkq yxawv z0e83 tm0mx wavyl moa07 focus:outline-hidden kebql isksk 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="n2l26 fxthc br82p" 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 qxudl transition-[opacity,margin] duration opacity-0 hidden ih37d zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-daemnic">
<!-- Calendar -->
<div class="fop0g space-y-0.5">
<!-- Months -->
<div class="khfgm vckwj items-center rdqxy xvgxz i1v87">
<!-- Prev Button -->
<div class="b8438">
<button type="button" class="x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="n2l26 szmrd" 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="mchqp flex enhxb items-center r2jif">
<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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d ahgde rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="ejo46 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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d q9zci rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="b8438 flex lokyk">
<button type="button" class=" x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="n2l26 szmrd" 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 q4t00">
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Mo
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Tu
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
We
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Th
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Fr
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Sa
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center o0y3u n37x5 je4jy tuuss hw6xt w3h0o av57g mr9qs dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 kn1d1 uex7i uob1z yxawv 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 f9d5d oyxl9 yjt4b t64z2 flex u3ov7 xggui xp67g cursor-pointer zxv30 k9mkq yxawv wavyl m8hmi tm0mx focus:outline-hidden kebql isksk 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": "nqo4p ih37d xmhc4 rrqls smvag space-y-0.5 overflow-hidden overflow-y-auto zxv30 mzy38 x32l5 hm2m0 uqiuh b3ail ykfhs 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 f9d5d u4s9n xp67g d5esf ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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 uwi6w r1t8r -translate-y-1/2">
<svg class="n2l26 bnmi1 z0e83 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="tuuss z0e83 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 f9d5d oyxl9 yjt4b t64z2 flex u3ov7 xggui xp67g cursor-pointer zxv30 k9mkq yxawv wavyl m8hmi tm0mx focus:outline-hidden kebql isksk 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": "nqo4p ih37d xmhc4 rrqls smvag space-y-0.5 overflow-hidden overflow-y-auto zxv30 mzy38 x32l5 hm2m0 uqiuh b3ail ykfhs 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 f9d5d u4s9n xp67g d5esf ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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 uwi6w r1t8r -translate-y-1/2">
<svg class="n2l26 bnmi1 z0e83 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 madsw tuuss hw6xt ejo46 dark:text-neutral-200">
Invite
</label>
<!-- Input Form -->
<div class="flex flex-col sm:flex-row sm:items-center juk57">
<!-- Select -->
<div class="relative xp67g">
<select multiple data-hs-select='{
"placeholder": "Select option...",
"wrapperClasses": "hs-select-active:ring-1 hs-select-active:ring-blue-500 t64z2 wavyl flex items-center flex-wrap xggui xp67g m8hmi tuuss k9mkq yxawv ntfdl 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 xggui xp67g cursor-pointer zxv30 k9mkq yxawv wavyl m8hmi tuuss rjc3l dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400",
"dropdownClasses": "nqo4p ih37d xp67g rrqls smvag space-y-0.5 zxv30 wavyl overflow-hidden overflow-y-auto x32l5 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 hxfjh gjk1t xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"tagsClasses": "relative agect t64z2 i9m6h flex items-center flex-wrap xggui xp67g k9mkq yxawv wavyl m8hmi tuuss st4vp isksk dark:bg-neutral-900 dark:text-neutral-400",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative te8l0 zxv30 k9mkq yxawv mr9qs ppkkx puxhz dark:bg-neutral-800 dark:border-neutral-700 \"><div class=\"rekd6 qzxza \" data-icon></div><div class=\"j8ti2 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m fxthc mr9qs ejo46 iili6 k4vay focus:outline-hidden kebql zsc92 tuuss dark:bg-neutral-700 dark:hover:bg-neutral-700 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" 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": "f9d5d oyxl9 gjk1t dgznh js4j3 tm0mx je4jy i350v wavyl xeklp 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=\"x8hlq a3b8t \" data-icon></div><div><div class=\"tuuss hysdx ejo46 dark:text-neutral-200 \" data-title></div><div class=\"on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 mr9qs \" 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 n2l26 enhxb items-center kquz2 zxv30 k9mkq yxawv hmow8 hw6xt dq2gi mr9qs 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 mr9qs \" 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 mr9qs \" 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 n2l26 enhxb items-center kquz2 zxv30 k9mkq yxawv hmow8 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 \">O</span>"
}'>Ols</option>
</select>
<div class="absolute uwi6w r1t8r -translate-y-1/2">
<svg class="n2l26 bnmi1 z0e83 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="f9d5d oyxl9 l1xlu inline-flex enhxb items-center u3ov7 tm0mx hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 br82p" 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 madsw tuuss hw6xt ejo46 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 mr9qs cursor-pointer">
<img class="hs-tooltip-toggle n2l26 rditj mr9qs" 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 zxv30 mr9qs dark:bg-neutral-800">
<span class="relative flex flex-col enhxb items-center s1u6m gxtht pjqod xmpms zqruk mr9qs dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa1" class="absolute zxmp1 a98ho kquz2 i350v je4jy checked:bg-blue-500 u4wxg wu89i mr9qs focus:outline-hidden" >
<svg class="n2l26 br82p" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 mr9qs cursor-pointer">
<span class="hs-tooltip-toggle flex n2l26 enhxb items-center rditj zxv30 k9mkq yxawv hmow8 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span><span class="block absolute -top-1 -end-1 zxv30 mr9qs dark:bg-neutral-800">
<span class="relative flex flex-col enhxb items-center s1u6m gxtht pjqod xmpms zqruk mr9qs dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa2" class="absolute zxmp1 a98ho kquz2 i350v je4jy checked:bg-blue-500 u4wxg wu89i mr9qs focus:outline-hidden" >
<svg class="n2l26 br82p" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 mr9qs cursor-pointer">
<img class="hs-tooltip-toggle n2l26 rditj mr9qs" 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 zxv30 mr9qs dark:bg-neutral-800">
<span class="relative flex flex-col enhxb items-center s1u6m gxtht pjqod xmpms zqruk mr9qs dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa3" class="absolute zxmp1 a98ho kquz2 i350v je4jy checked:bg-blue-500 u4wxg wu89i mr9qs focus:outline-hidden" >
<svg class="n2l26 br82p" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 mr9qs cursor-pointer">
<img class="hs-tooltip-toggle n2l26 rditj mr9qs" 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 zxv30 mr9qs dark:bg-neutral-800">
<span class="relative flex flex-col enhxb items-center s1u6m gxtht pjqod xmpms zqruk mr9qs dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa4" class="absolute zxmp1 a98ho kquz2 i350v je4jy checked:bg-blue-500 u4wxg wu89i mr9qs focus:outline-hidden" >
<svg class="n2l26 br82p" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 mr9qs cursor-pointer">
<span class="hs-tooltip-toggle flex n2l26 enhxb items-center rditj zxv30 k9mkq yxawv hmow8 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span><span class="block absolute -top-1 -end-1 zxv30 mr9qs dark:bg-neutral-800">
<span class="relative flex flex-col enhxb items-center s1u6m gxtht pjqod xmpms zqruk mr9qs dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-daesa5" class="absolute zxmp1 a98ho kquz2 i350v je4jy checked:bg-blue-500 u4wxg wu89i mr9qs focus:outline-hidden" >
<svg class="n2l26 br82p" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 madsw tuuss hw6xt ejo46 dark:text-neutral-200">
Upload attachments
</label>
<div class="qfp7x flex enhxb zxv30 k9mkq hq9av sga4h mzy38 dark:bg-neutral-800 dark:border-neutral-600">
<div class="cgjzl">
<svg class="mga1y lqxom 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="nadn9 vi5df 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="nadn9 vi5df 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="nadn9 vi5df 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="vi5df dark:stroke-neutral-500"/>
<circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="vi5df dark:stroke-neutral-500"/>
</svg>
<div class="p7mth flex flex-wrap enhxb gw8cm zqruk">
<span class="svb23 hw6xt ejo46 dark:text-neutral-200">
Drop your files here or
</span>
<label for="hs-pro-upcebb" class="relative cursor-pointer zxv30 hysdx j28t5 mg0zb wavyl njs8g h8tqt focus-within:outline-hidden jb7kr us03t jm9id dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600">
<span>browse</span>
<input id="hs-pro-upcebb" type="file" class="r8a99">
</label>
</div>
<p class="kd00o on128 lqxom dark:text-neutral-400">
CSV, XLS, DOCX
</p>
</div>
</div>
</div>
<!-- End Drag 'n Drop -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="jhb8q flex lokyk u3ov7">
<div class="flex-1 flex lokyk items-center v6f2r">
<button type="button" class="hxfjh l1xlu xggui inline-flex enhxb items-center m8hmi j8ti2 zxv30 k9mkq yxawv ejo46 tuuss hw6xt wavyl ntfdl moa07 wsl5v 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="hxfjh l1xlu xggui inline-flex enhxb items-center u3ov7 m8hmi j8ti2 o0y3u k9mkq t9n9o w3h0o tuuss hw6xt wavyl ntfdl moa07 pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v9ivw nny95 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 kquz2 fixed zxmp1 a98ho c61v5 overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] n8854" 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 p1xgh opacity-0 bx2ni nf9l7 zxagz hweyy oxtl1 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
<div class="xp67g hx6ns flex flex-col zxv30 mzy38 pointer-events-auto x32l5 dark:bg-neutral-800">
<!-- Header -->
<div class="u3poc gjk1t flex saet7 items-center xu4xz yxawv dark:border-neutral-700">
<h3 id="hs-pro-deem-label" class="hw6xt ejo46 dark:text-neutral-200">
Edit event
</h3>
<button type="button" class="x8hlq n2l26 flex enhxb items-center u3ov7 mr9qs k9mkq je4jy gxtht ejo46 p12pm disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden d10id 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="r8a99">Close</span>
<svg class="n2l26 szmrd" 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 hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
<div class="jhb8q space-y-5">
<div class="space-y-2">
<label for="hs-pro-deemtt" class="block madsw tuuss hw6xt ejo46 dark:text-neutral-200">
Title
</label>
<input id="hs-pro-deemtt" type="text" class="f9d5d oyxl9 l1xlu block xp67g yxawv wavyl tm0mx jgd2f st4vp isksk 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 madsw tuuss hw6xt ejo46 dark:text-neutral-200">
Date & Time
</label>
<!-- Form Group -->
<div class="flex flex-col sm:flex-row sm:items-center i3nmm z7wgs p8e4v">
<!-- Calendar Dropdown -->
<div class="hs-dropdown [--auto-close:inside] inline-flex xp67g">
<button id="hs-pro-deemnic" type="button" class="f9d5d oyxl9 l1xlu xp67g m8hmi inline-flex saet7 items-center k9mkq yxawv z0e83 tm0mx wavyl moa07 focus:outline-hidden kebql isksk 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="n2l26 fxthc br82p" 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 qxudl transition-[opacity,margin] duration opacity-0 hidden ih37d zxv30 mzy38 x32l5 dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-deemnic">
<!-- Calendar -->
<div class="fop0g space-y-0.5">
<!-- Months -->
<div class="khfgm vckwj items-center rdqxy xvgxz i1v87">
<!-- Prev Button -->
<div class="b8438">
<button type="button" class="x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Previous">
<svg class="n2l26 szmrd" 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="mchqp flex enhxb items-center r2jif">
<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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d ahgde rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="ejo46 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 xggui xp67g cursor-pointer m8hmi hw6xt ejo46 hmpqz focus:outline-hidden rdx35 before:absolute before:inset-0 before:z-1 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:text-blue-500",
"dropdownClasses": "nqo4p ih37d q9zci rrqls smvag space-y-0.5 zxv30 k9mkq yxawv wavyl w9ar3 overflow-hidden overflow-y-auto hm2m0 uqiuh b3ail ykfhs dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-900 dark:border-neutral-700",
"optionClasses": "ur00w xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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="b8438 flex lokyk">
<button type="button" class=" x8hlq flex enhxb items-center ejo46 lk55v mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-400 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-label="Next">
<svg class="n2l26 szmrd" 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 q4t00">
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Mo
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Tu
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
We
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Th
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Fr
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Sa
</span>
<span class="e2vfg ijx7r block cgjzl tuuss z0e83 dark:text-neutral-500">
Su
</span>
</div>
<!-- Weeks -->
<!-- Days -->
<div class="flex">
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center o0y3u n37x5 je4jy tuuss hw6xt w3h0o av57g mr9qs dark:bg-blue-500 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:hover:border-neutral-700">
20
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 mr9qs av57g hmpqz disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden wa9xh rdx35 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="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
1
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
2
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
3
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
4
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:border-neutral-500 dark:focus:bg-neutral-700" disabled>
5
</button>
</div>
<div>
<button type="button" class="e2vfg ubcvn flex enhxb items-center n37x5 je4jy tuuss ejo46 av57g hmpqz mr9qs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden rjc3l 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 kn1d1 uex7i uob1z yxawv 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 f9d5d oyxl9 yjt4b t64z2 flex u3ov7 xggui xp67g cursor-pointer zxv30 k9mkq yxawv wavyl m8hmi tm0mx focus:outline-hidden kebql isksk 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": "nqo4p ih37d xmhc4 rrqls smvag space-y-0.5 overflow-hidden overflow-y-auto zxv30 mzy38 x32l5 hm2m0 uqiuh b3ail ykfhs 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 f9d5d u4s9n xp67g d5esf ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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 uwi6w r1t8r -translate-y-1/2">
<svg class="n2l26 bnmi1 z0e83 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="tuuss z0e83 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 f9d5d oyxl9 yjt4b t64z2 flex u3ov7 xggui xp67g cursor-pointer zxv30 k9mkq yxawv wavyl m8hmi tm0mx focus:outline-hidden kebql isksk 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": "nqo4p ih37d xmhc4 rrqls smvag space-y-0.5 overflow-hidden overflow-y-auto zxv30 mzy38 x32l5 hm2m0 uqiuh b3ail ykfhs 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 f9d5d u4s9n xp67g d5esf ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
"optionTemplate": "<div class=\"flex saet7 items-center xp67g \"><span data-title></span><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 bnmi1 ejo46 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 uwi6w r1t8r -translate-y-1/2">
<svg class="n2l26 bnmi1 z0e83 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 madsw tuuss hw6xt ejo46 dark:text-neutral-200">
Invite
</label>
<!-- Input Form -->
<div class="flex items-center rdqxy">
<!-- Select -->
<div class="relative xp67g">
<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 t64z2 wavyl flex items-center flex-wrap xggui xp67g m8hmi tuuss zxv30 k9mkq yxawv ntfdl 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 xggui xp67g cursor-pointer zxv30 k9mkq yxawv wavyl m8hmi tuuss rjc3l dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400",
"dropdownClasses": "nqo4p ih37d xp67g rrqls smvag space-y-0.5 zxv30 wavyl overflow-hidden overflow-y-auto x32l5 dark:bg-neutral-900",
"optionClasses": "hs-selected:bg-gray-100 dark:hs-selected:bg-neutral-800 hxfjh gjk1t xp67g tuuss ejo46 cursor-pointer lk55v wavyl focus:outline-hidden rjc3l dark:bg-neutral-900 dark:hover:bg-neutral-800 dark:text-neutral-200 dark:focus:bg-neutral-800",
"mode": "tags",
"tagsClasses": "relative agect t64z2 i9m6h flex items-center flex-wrap xggui xp67g k9mkq yxawv wavyl m8hmi tuuss st4vp isksk dark:bg-neutral-900 dark:text-neutral-400",
"tagsItemTemplate": "<div class=\"flex flex-nowrap items-center relative te8l0 zxv30 k9mkq yxawv mr9qs ppkkx puxhz dark:bg-neutral-800 dark:border-neutral-700 \"><div class=\"rekd6 qzxza \" data-icon></div><div class=\"j8ti2 \" data-title></div><div class=\"inline-flex n2l26 enhxb items-center s1u6m fxthc mr9qs ejo46 iili6 k4vay focus:outline-hidden kebql zsc92 tuuss dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 cursor-pointer \" data-remove><svg class=\"n2l26 br82p \" 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": "f9d5d oyxl9 gjk1t dgznh js4j3 tm0mx je4jy i350v wavyl xeklp 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=\"x8hlq a3b8t \" data-icon></div><div><div class=\"tuuss hysdx ejo46 dark:text-neutral-200 \" data-title></div><div class=\"on128 z0e83 dark:text-neutral-500 \" data-description></div></div><div class=\"ms-auto \"><span class=\"hidden hs-selected:block \"><svg class=\"n2l26 szmrd \" 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 mr9qs \" 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 n2l26 enhxb items-center kquz2 zxv30 k9mkq yxawv hmow8 hw6xt dq2gi mr9qs 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 mr9qs \" 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 mr9qs \" 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 n2l26 enhxb items-center kquz2 zxv30 k9mkq yxawv hmow8 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 \">O</span>"
}'>Ols</option>
</select>
<div class="absolute uwi6w r1t8r -translate-y-1/2">
<svg class="n2l26 bnmi1 z0e83 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="f9d5d oyxl9 l1xlu inline-flex enhxb items-center u3ov7 tm0mx hw6xt wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="n2l26 br82p" 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 madsw tuuss hw6xt ejo46 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 mr9qs cursor-pointer">
<img class="hs-tooltip-toggle n2l26 rditj mr9qs" 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 zxv30 mr9qs dark:bg-neutral-800">
<span class="relative flex flex-col enhxb items-center s1u6m gxtht pjqod xmpms zqruk mr9qs dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-deesa1" class="absolute zxmp1 a98ho kquz2 i350v je4jy checked:bg-blue-500 u4wxg wu89i mr9qs focus:outline-hidden" >
<svg class="n2l26 br82p" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 mr9qs cursor-pointer">
<span class="hs-tooltip-toggle flex n2l26 enhxb items-center rditj zxv30 k9mkq yxawv hmow8 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span><span class="block absolute -top-1 -end-1 zxv30 mr9qs dark:bg-neutral-800">
<span class="relative flex flex-col enhxb items-center s1u6m gxtht pjqod xmpms zqruk mr9qs dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-deesa2" class="absolute zxmp1 a98ho kquz2 i350v je4jy checked:bg-blue-500 u4wxg wu89i mr9qs focus:outline-hidden" >
<svg class="n2l26 br82p" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 mr9qs cursor-pointer">
<img class="hs-tooltip-toggle n2l26 rditj mr9qs" 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 zxv30 mr9qs dark:bg-neutral-800">
<span class="relative flex flex-col enhxb items-center s1u6m gxtht pjqod xmpms zqruk mr9qs dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-deesa3" class="absolute zxmp1 a98ho kquz2 i350v je4jy checked:bg-blue-500 u4wxg wu89i mr9qs focus:outline-hidden" >
<svg class="n2l26 br82p" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 mr9qs cursor-pointer">
<img class="hs-tooltip-toggle n2l26 rditj mr9qs" 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 zxv30 mr9qs dark:bg-neutral-800">
<span class="relative flex flex-col enhxb items-center s1u6m gxtht pjqod xmpms zqruk mr9qs dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-deesa4" class="absolute zxmp1 a98ho kquz2 i350v je4jy checked:bg-blue-500 u4wxg wu89i mr9qs focus:outline-hidden" >
<svg class="n2l26 br82p" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 mr9qs cursor-pointer">
<span class="hs-tooltip-toggle flex n2l26 enhxb items-center rditj zxv30 k9mkq yxawv hmow8 hw6xt dq2gi mr9qs dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span><span class="block absolute -top-1 -end-1 zxv30 mr9qs dark:bg-neutral-800">
<span class="relative flex flex-col enhxb items-center s1u6m gxtht pjqod xmpms zqruk mr9qs dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300">
<input type="checkbox" id="hs-pro-deesa5" class="absolute zxmp1 a98ho kquz2 i350v je4jy checked:bg-blue-500 u4wxg wu89i mr9qs focus:outline-hidden" >
<svg class="n2l26 br82p" 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 g4xt3 mjppw f9d5d psrjx wi3fc on128 w3h0o wavyl 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 madsw tuuss hw6xt ejo46 dark:text-neutral-200">
Upload attachments
</label>
<div class="qfp7x flex enhxb zxv30 k9mkq hq9av sga4h mzy38 dark:bg-neutral-800 dark:border-neutral-600">
<div class="cgjzl">
<svg class="mga1y lqxom 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="nadn9 vi5df 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="nadn9 vi5df 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="nadn9 vi5df 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="vi5df dark:stroke-neutral-500"/>
<circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="vi5df dark:stroke-neutral-500"/>
</svg>
<div class="p7mth flex flex-wrap enhxb gw8cm zqruk">
<span class="svb23 hw6xt ejo46 dark:text-neutral-200">
Drop your files here or
</span>
<label for="hs-pro-upeebb" class="relative cursor-pointer zxv30 hysdx j28t5 mg0zb wavyl njs8g h8tqt focus-within:outline-hidden jb7kr us03t jm9id dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600">
<span>browse</span>
<input id="hs-pro-upeebb" type="file" class="r8a99">
</label>
</div>
<p class="kd00o on128 lqxom dark:text-neutral-400">
CSV, XLS, DOCX
</p>
</div>
</div>
</div>
<!-- End Drag 'n Drop -->
</div>
</div>
<!-- End Body -->
<!-- Footer -->
<div class="jhb8q flex lokyk u3ov7">
<div class="flex-1 flex lokyk items-center v6f2r">
<button type="button" class="hxfjh l1xlu xggui inline-flex enhxb items-center m8hmi j8ti2 zxv30 k9mkq yxawv ejo46 tuuss hw6xt wavyl ntfdl moa07 wsl5v 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="hxfjh l1xlu xggui inline-flex enhxb items-center u3ov7 m8hmi j8ti2 o0y3u k9mkq t9n9o w3h0o tuuss hw6xt wavyl ntfdl moa07 pgsi2 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden v9ivw nny95 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 -->
<!-- Card -->
<div class="jhb8q zxv30 k9mkq yxawv mzy38 ntfdl dark:bg-neutral-900 dark:border-neutral-700">
<!-- Grid -->
<div class="flex flex-row btgx5">
<!-- Col -->
<div>
<div class="w4i5y j6492 jtxjf flex flex-col cgjzl">
<span class="block on128 z0e83 dark:text-neutral-500">
Mon
</span>
<span class="block hysdx f24zh ejo46 dark:text-neutral-200">
14
</span>
<span class="block tuuss dq2gi dark:text-neutral-200">
Apr
</span>
</div>
</div>
<!-- End Col -->
<div class="dgznh">
<div class="flex flex-col md:flex-row eceb2">
<!-- Col -->
<div>
<div class="ft0gf ux1hp flex flex-col">
<span class="urcp3 block hw6xt tuuss ejo46 dark:text-neutral-200">
BlueVista Innovations
</span>
<div id="hs-pro-cblishm-button" class="hs-collapse hidden xp67g overflow-hidden transition-[height] ixagr" aria-labelledby="hs-pro-cblishm">
<div class="madsw">
<p class="tuuss z0e83 dark:text-neutral-500">
Weekly progress review meeting with BlueVista team to discuss project milestones and deliverables.
</p>
</div>
</div>
<div class="mbvb4 flex items-center lwq0m on128 z0e83 dark:text-neutral-500">
<svg class="n2l26 bnmi1 z0e83 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"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
9:45 AM - 10:45 AM
</div>
<!-- Avatar Group -->
<div class="flex -space-x-1">
<!-- Avatar -->
<div class="hs-tooltip inline-block">
<div class="j9fmo n2l26 flex flex-col cgrem cgjzl">
<img class="hs-tooltip-toggle relative inline-block rekd6 h7uoa z5vdk mr9qs x56zv dark:ring-neutral-900" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
</div>
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw" role="tooltip">
<div class="jhb8q zxv30 k9mkq yxawv mzy38 lgip9 dark:bg-neutral-800 dark:border-neutral-800">
<div class="flex saet7 juk57">
<img class="n2l26 x8hlq mr9qs" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar">
<div class="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Cho Muncho
</span>
<span class="block on128 z0e83 dark:text-neutral-400">
chomuncho@site.com
</span>
<div class="nqo4p flex items-center r2jif j8ti2">
<svg class="n2l26 szmrd zwetb" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>
<span class="block d5esf z0e83 dark:text-neutral-400">
Accepted
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Avatar -->
<!-- Avatar -->
<div class="hs-tooltip inline-block">
<div class="j9fmo n2l26 flex flex-col cgrem cgjzl">
<img class="hs-tooltip-toggle relative inline-block rekd6 h7uoa z5vdk mr9qs x56zv dark:ring-neutral-900" src="https://images.unsplash.com/photo-1531927557220-a9e23c1e4794?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80" alt="Avatar">
</div>
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw" role="tooltip">
<div class="jhb8q zxv30 k9mkq yxawv mzy38 lgip9 dark:bg-neutral-800 dark:border-neutral-800">
<div class="flex saet7 juk57">
<img class="n2l26 x8hlq mr9qs" src="https://images.unsplash.com/photo-1531927557220-a9e23c1e4794?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80" alt="Avatar">
<div class="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Maria Looter
</span>
<span class="block on128 z0e83 dark:text-neutral-400">
marialooter@site.com
</span>
<div class="nqo4p flex items-center r2jif j8ti2">
<svg class="n2l26 szmrd zwetb" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>
<span class="block d5esf z0e83 dark:text-neutral-400">
Accepted
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Avatar -->
<!-- Avatar -->
<div class="hs-tooltip inline-block">
<div class="j9fmo n2l26 flex flex-col cgrem cgjzl">
<img class="hs-tooltip-toggle relative inline-block rekd6 h7uoa z5vdk mr9qs x56zv dark:ring-neutral-900" src="https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80" alt="Avatar">
</div>
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw" role="tooltip">
<div class="jhb8q zxv30 k9mkq yxawv mzy38 lgip9 dark:bg-neutral-800 dark:border-neutral-800">
<div class="flex saet7 juk57">
<img class="n2l26 x8hlq mr9qs" src="https://images.unsplash.com/photo-1492562080023-ab3db95bfbce?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80" alt="Avatar">
<div class="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Brian Walmart
</span>
<span class="block on128 z0e83 dark:text-neutral-400">
brianwalmart@site.com
</span>
<div class="nqo4p flex items-center r2jif j8ti2">
<svg class="n2l26 szmrd h101d" 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>
<span class="block d5esf z0e83 dark:text-neutral-400">
Declined
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Avatar -->
<!-- Avatar -->
<div class="hs-tooltip inline-block">
<div class="j9fmo n2l26 flex flex-col cgrem cgjzl">
<span class="hs-tooltip-toggle relative rekd6 flex n2l26 enhxb items-center gxtht on128 ejo46 h7uoa z5vdk mr9qs x56zv dark:bg-neutral-800 dark:text-neutral-200 dark:ring-neutral-900">
EH
</span>
</div>
<div class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute g4xt3 mjppw" role="tooltip">
<div class="jhb8q zxv30 k9mkq yxawv mzy38 lgip9 dark:bg-neutral-800 dark:border-neutral-800">
<div class="flex saet7 juk57">
<span class="x8hlq flex n2l26 enhxb items-center mr9qs gxtht ejo46 dark:bg-neutral-800 dark:text-neutral-200">
EH
</span>
<div class="dgznh">
<span class="block tuuss ejo46 dark:text-neutral-200">
Emilia Harper
</span>
<span class="block on128 z0e83 dark:text-neutral-400">
emiliaharper@site.com
</span>
<div class="nqo4p flex items-center r2jif j8ti2">
<svg class="n2l26 szmrd z0e83" 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="M12 2v4"></path><path d="m16.2 7.8 2.9-2.9"></path><path d="M18 12h4"></path><path d="m16.2 16.2 2.9 2.9"></path><path d="M12 18v4"></path><path d="m4.9 19.1 2.9-2.9"></path><path d="M2 12h4"></path><path d="m4.9 4.9 2.9 2.9"></path></svg>
<span class="block d5esf z0e83 dark:text-neutral-400">
Pending
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Avatar -->
</div><!-- End Avatar Group -->
</div>
</div>
<!-- End Col -->
<!-- Col -->
<div>
<div class="flex flex-col uq3oc">
<div class="flex flex-col cgrem">
<div class="on128 z0e83 dark:text-neutral-500">
Location:
</div>
<div>
<a class="inline-flex items-center po4ac tuuss ejo46 njs8g h8tqt focus:outline-hidden ch28j dark:text-neutral-300" href="#">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="none" d="M0 0h192v192H0z"></path><path fill="#00832D" d="M108 96l17.06 19.5L148 130.16l4-34.03-4-33.28-23.38 12.88z"></path><path fill="#0066DA" d="M9 127v29c0 6.63 5.37 12 12 12h29l6-21.92L50 127l-19.9-6L9 127z"></path><path fill="#E94235" d="M50 24L9 65l21.1 6L50 65l5.9-18.83z"></path><path fill="#2684FC" d="M9 65h41v62H9z"></path><path fill="#00AC47" d="M174.19 41.36L148 62.85v67.31l26.3 21.57c3.94 3.08 9.7.27 9.7-4.73V46c0-5.07-5.89-7.85-9.81-4.64zM108 96v31H50v41h86c6.63 0 12-5.37 12-12v-25.84L108 96z"></path><path fill="#FFBA00" d="M136 24H50v41h58v31l40-33.15V36c0-6.63-5.37-12-12-12z"></path></svg>
<span class="truncate l30q1">meet.google.com/dks-qzdb-xgd</span>
</a>
</div>
</div>
<div class="flex flex-col cgrem">
<div class="on128 z0e83 dark:text-neutral-500">
Add to:
</div>
<div class="inline-flex flex-wrap es2r6 pc3xl">
<!-- Data Snippet -->
<button type="button" class="inline-flex items-center po4ac m8hmi tuuss ejo46 njs8g h8tqt focus:outline-hidden ch28j dark:text-neutral-300">
<svg class="n2l26 szmrd" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" width="2500" height="2500"><path d="M152.632 47.368l-47.368-5.263-57.895 5.263L42.105 100l5.263 52.632L100 159.211l52.632-6.579 5.263-53.947z" fill="#fff"/><path d="M68.961 129.026c-3.934-2.658-6.658-6.539-8.145-11.671l9.132-3.763c.829 3.158 2.276 5.605 4.342 7.342 2.053 1.737 4.553 2.592 7.474 2.592 2.987 0 5.553-.908 7.697-2.724s3.224-4.132 3.224-6.934c0-2.868-1.132-5.211-3.395-7.026s-5.105-2.724-8.5-2.724h-5.276v-9.039h4.736c2.921 0 5.382-.789 7.382-2.368s3-3.737 3-6.487c0-2.447-.895-4.395-2.684-5.855s-4.053-2.197-6.803-2.197c-2.684 0-4.816.711-6.395 2.145s-2.724 3.197-3.447 5.276l-9.039-3.763c1.197-3.395 3.395-6.395 6.618-8.987 3.224-2.592 7.342-3.895 12.342-3.895 3.697 0 7.026.711 9.974 2.145 2.947 1.434 5.263 3.421 6.934 5.947 1.671 2.539 2.5 5.382 2.5 8.539 0 3.224-.776 5.947-2.329 8.184s-3.461 3.947-5.724 5.145v.539a17.379 17.379 0 0 1 7.342 5.724c1.908 2.566 2.868 5.632 2.868 9.211s-.908 6.776-2.724 9.579-4.329 5.013-7.513 6.618C89.355 132.184 85.763 133 81.776 133c-4.618.013-8.881-1.316-12.815-3.974zM125 83.711l-9.974 7.25-5.013-7.605L128 70.382h6.895v61.197H125z" fill="#1a73e8"/><path d="M152.632 200L200 152.632l-23.684-10.526-23.684 10.526-10.526 23.684z" fill="#ea4335"/><path d="M36.842 176.316L47.368 200h105.263v-47.368H47.368z" fill="#34a853"/><path d="M15.789 0C7.066 0 0 7.066 0 15.789v136.842l23.684 10.526 23.684-10.526V47.368h105.263l10.526-23.684L152.632 0z" fill="#4285f4"/><path d="M0 152.632v31.579C0 192.935 7.066 200 15.789 200h31.579v-47.368z" fill="#188038"/><path d="M152.632 47.368v105.263H200V47.368l-23.684-10.526z" fill="#fbbc04"/><path d="M200 47.368V15.789C200 7.065 192.934 0 184.211 0h-31.579v47.368z" fill="#1967d2"/></svg>
<span class="dgznh truncate">
<span class="block truncate tuuss ejo46 dark:text-neutral-300">
Google Calendar
</span>
</span>
</button>
<!-- End Data Snippet -->
<!-- Data Snippet -->
<button type="button" class="inline-flex items-center po4ac m8hmi tuuss ejo46 njs8g h8tqt focus:outline-hidden ch28j dark:text-neutral-300">
<svg class="n2l26 szmrd" clip-rule="evenodd" fill-rule="evenodd" height="2500" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="0 0 6876 6994" width="2457" xmlns="http://www.w3.org/2000/svg"><path d="M0 779L4033 0l-14 6994L0 6160zm1430 3632c-305-357-390-918-244-1384 203-648 718-867 1149-717 246 86 465 293 582 610 56 152 86 326 88 503 4 318-106 692-324 953-335 400-903 441-1250 35zm314-339c-150-223-191-573-120-864 99-404 352-541 563-447 121 54 228 183 285 381 27 95 42 203 43 314 2 198-52 432-159 595-164 250-442 275-612 22zm2552-2598h2341c131 0 238 107 238 238v86L5035 3039c-24 16-83 62-132 93-72 47-77 38-153-5-117-65-319-203-455-297V1474zm2580 875v2504c0 200-164 365-365 365H4296V3366c133 88 310 204 419 271 88 54 104 79 202 22 45-26 89-60 119-80l1840-1229z" fill="#0072c6"/></svg>
<span class="dgznh truncate">
<span class="block truncate tuuss ejo46 dark:text-neutral-300">
Outlook Calendar
</span>
</span>
</button>
<!-- End Data Snippet -->
<!-- Data Snippet -->
<button type="button" class="inline-flex items-center po4ac m8hmi tuuss ejo46 njs8g h8tqt focus:outline-hidden ch28j dark:text-neutral-300">
<svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"><path fill="#5F01D1" d="M105 0h302c57.927.154 104.846 47.073 105 104.995V407c-.154 57.926-47.073 104.844-104.995 104.998L105 512C47.074 511.844.156 464.926.002 407.003L0 105C.156 47.073 47.074.154 104.997 0H105z"/><path fill="#fff" fill-rule="nonzero" d="M106.598 187.846h56.988l33.184 84.895 33.616-84.895h55.481l-83.545 200.975H146.48l22.871-53.255-62.751-147.72h-.002zm243.879 67.833h-62.144l55.156-132.502 61.917.003-54.929 132.499zm-45.865 12.682c19.067 0 34.523 15.457 34.523 34.521 0 19.065-15.456 34.522-34.523 34.522-19.065 0-34.519-15.457-34.519-34.522 0-19.064 15.456-34.521 34.519-34.521z"/></svg>
<span class="dgznh truncate">
<span class="block truncate tuuss ejo46 dark:text-neutral-300">
Yahoo Calendar
</span>
</span>
</button>
<!-- End Data Snippet -->
</div>
</div>
</div>
</div>
<!-- End Col -->
<!-- Col -->
<div class="md:ms-auto">
<div class="flex flex-col es2r6">
<!-- Dropdown Link -->
<div class="hs-dropdown [--placement:bottom-right] relative inline-flex wv3gk">
<!-- Link -->
<button id="hs-pro-cblidm1" type="button" class="f9d5d psrjx inline-flex enhxb items-center u3ov7 tuuss wavyl k9mkq yxawv zxv30 ejo46 ntfdl wsl5v disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden u7q2f dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
<svg class="n2l26 br82p" 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.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>
Edit
</button>
<!-- End Link -->
<!-- Dropdown Menu -->
<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 byeg6 te8l0 transition-[opacity,margin] duration opacity-0 hidden zxv30 mzy38 w9ar3 dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-cblidm1">
<div class="smvag space-y-0.5">
<a class="relative group hxfjh l1xlu flex items-center j2p6t d5esf ejo46 lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
Reschedule booking
</a>
<a class="relative group hxfjh l1xlu flex items-center j2p6t d5esf ejo46 lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 bnmi1" 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="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"/><path d="m21.854 2.147-10.94 10.939"/></svg>
Request reschedule
</a>
<a class="relative group hxfjh l1xlu flex items-center j2p6t d5esf ejo46 lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 bnmi1" 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="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg>
Edit location
</a>
<a class="relative group hxfjh l1xlu flex items-center j2p6t d5esf ejo46 lk55v wavyl focus:outline-hidden rjc3l dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
<svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" x2="19" y1="8" y2="14"/><line x1="22" x2="16" y1="11" y2="11"/></svg>
Invite people
</a>
<div class="c50j2 jhbd9 yxawv dark:border-neutral-700"></div>
<a class="relative group hxfjh l1xlu flex items-center j2p6t d5esf h101d lk55v wavyl focus:outline-hidden rjc3l dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" href="#">
<svg class="n2l26 bnmi1" 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>
Cancel event
</a>
</div>
</div>
<!-- End Dropdown Menu -->
</div>
<!-- End Dropdown Link -->
<div class="ehkbf ajsul">
<button type="button" class="hs-collapse-toggle inline-flex items-center r2jif d5esf xggui jr5ck njs8g h8tqt focus:outline-hidden ch28j dark:text-purple-400 dark:hover:text-purple-500" id="hs-pro-cblishm" aria-expanded="false" aria-controls="hs-pro-cblishm-button" data-hs-collapse="#hs-pro-cblishm-button">
<span class="hs-collapse-open:hidden">Show more</span>
<svg class="hs-collapse-open:hidden n2l26 bnmi1" 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>
<span class="hs-collapse-open:block hidden">Show less</span>
<svg class="hs-collapse-open:block hidden n2l26 bnmi1" 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 20 5-5 5 5"/><path d="m7 4 5 5 5-5"/></svg>
</button>
</div>
</div>
</div>
<!-- End Col -->
</div>
</div>
</div>
<!-- End Grid -->
</div>
<!-- End Card -->