Back

Version 64

10/31/2024
/** @jsxImportSource https://esm.sh/react */
import confetti from "https://esm.sh/canvas-confetti";
import React, { useEffect, useState } from "https://esm.sh/react";
import DatePicker from "https://esm.sh/react-datepicker";
import { createRoot } from "https://esm.sh/react-dom/client";
import Stripe from "https://esm.sh/stripe";

const datePickerStyles = `
.react-datepicker {
font-family: Arial, sans-serif;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
display: inline-block;
position: relative;
width: 100%;
background-color: white;
}
.react-datepicker__header {
text-align: center;
background-color: #f0f0f0;
border-bottom: 1px solid #aeaeae;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
padding-top: 8px;
position: relative;
}
.react-datepicker__current-month {
margin-top: 0;
color: #000;
font-weight: bold;
font-size: 1rem;
}
.react-datepicker__day-names, .react-datepicker__week {
display: flex;
justify-content: space-around;
}