www.americordblood.com
Open in
urlscan Pro
2606:4700:20::6819:1e1a
Public Scan
Submitted URL: https://www.americordblood.com/articles/top-10-things-to-pack-in-your-hospital-bag#:~:text=when%20should%20you%20pack%20your,st...
Effective URL: https://www.americordblood.com/articles/top-10-things-to-pack-in-your-hospital-bag
Submission: On January 28 via api from US — Scanned from DE
Effective URL: https://www.americordblood.com/articles/top-10-things-to-pack-in-your-hospital-bag
Submission: On January 28 via api from US — Scanned from DE
Form analysis 4 forms found in the DOM
POST
<form method="post" id="articlesPressSignup1611054924Form" class="articles-press-signup-1611054924 ff-form w-full max-w-3xl mx-auto" data-skip-html-reload="" data-freeform=""
data-id="167bff-form-Vq19xnMKr-RvANnwzjM-HAjaLfNYhoXrTwF19vEmuBetjato09dZYrGi8XSk" data-handle="articlesPressSignup" data-ajax="" data-disable-submit="" data-show-spinner="" data-show-loading-text="" data-loading-text="Submitting..."
data-success-message="Form has been submitted successfully!" data-error-message="Sorry, there was an error submitting the form. Please try again.">
<input class="" name="utmContent" type="hidden" id="form-input-utmContent" value="Articles"><input class="" name="utmSource" type="hidden" id="form-input-utmSource"><input class="" name="utmTerm" type="hidden" id="form-input-utmTerm"><input
class="" name="utmCampaign" type="hidden" id="form-input-utmCampaign"><input class="" name="utmMedium" type="hidden" id="form-input-utmMedium"><input class="" name="synctoSFDC" type="hidden" id="form-input-synctoSFDC"><input class=""
name="conaffid" type="hidden" id="form-input-conaffid"><input class="" name="pricingCalculatorChoicesC" type="hidden" id="form-input-pricingCalculatorChoicesC"><input class="" name="multipleBirthsC" type="hidden"
id="form-input-multipleBirthsC"><input class="" name="pcComparingBanksC" type="hidden" id="form-input-pcComparingBanksC"><input class="" name="pcStoragePaymentC" type="hidden" id="form-input-pcStoragePaymentC"><input class=""
name="preEnrollmentComments" type="hidden" id="form-input-preEnrollmentComments"><input class="" name="whoWereYouReferredBy" type="hidden" id="form-input-whoWereYouReferredBy"><input class="" name="referrerLastNameC" type="hidden"
id="form-input-referrerLastNameC"><input class="" name="irpid" type="hidden" id="form-input-irpid"><input class="" name="leadSource" type="hidden" id="form-input-leadSource"><input class="" name="sourceFt" type="hidden"
id="form-input-sourceFt"><input class="" name="campaignFt" type="hidden" id="form-input-campaignFt"><input class="" name="assetContentFt" type="hidden" id="form-input-assetContentFt">
<div class="freeform_form_handle" style="position: absolute !important; width: 0 !important; height: 0 !important; overflow: hidden !important;" aria-hidden="true" tabindex="-1"><label aria-hidden="true" tabindex="-1"
for="freeform_form_handle">Leave this field blank</label><input type="text" value="" name="freeform_form_handle" id="freeform_form_handle" aria-hidden="true" autocomplete="off" tabindex="-1"></div><input type="hidden" name="freeform_payload"
value="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">
<input type="hidden" name="formHash" value="Vq19xnMKr-RvANnwzjM-HAjaLfNYhoXrTwF19vEmuBetjato09dZYrGi8XSk">
<input type="hidden" name="action" value="freeform/submit">
<input type="hidden" name="freeform-action" value="submit">
<input type="hidden" name="CRAFT_CSRF_TOKEN" value="eeF4D3j2ziDN04DcBgLLu37IWmxv_PA0CsP8fPP90FqyT-1lIMEEJiO3SFgrkKh0tafrrWhjotUxmGkoHZSyWmuNmgXHtZwAi3mIKWigc34=">
<div id="articlesPressSignup1611054924FormPost" class="hidden form-content flex-col w-10/12 mx-auto text-center items-center justify-center space-y-4 sm:space-y-6 lg:py-12 lg:min-h-[425px] 2xl:min-h-[230px] text-blue">
<img src="https://assets.americordblood.com/default/crawling-baby_2023-09-22-100439_cefs.png" class="w-8/12 md:w-auto mt-9 md:mt-0" alt="Form submitted successfully">
<div class="font-heading ">
<h2 class="m-0 p-0 h3 md:h2 text-orange">You’re Officially in the Loop!</h2>
</div>
<div class="text-base md:text-lg font-body text-blue ">
<p style="text-align:center;">Thank you for subscribing! You'll be the first to know about our latest updates and announcements.<br><br>Need immediate assistance? <br><strong>Call us 24/7 at
</strong><a href="tel:8665036005"><strong>(866) 503-6005</strong></a><strong>.</strong></p>
</div>
</div>
<div id="articlesPressSignup1611054924FormPre" class="flex flex-col w-full space-y-4 sm:space-y-6">
<h2 class="m-0 p-0 h3 md:h2 text-orange">Be the First to Know What's New!</h2>
<div class="flex flex-col text-sm sm:text-base md:text-lg font-body text-blue w-full">
<p>Fill out the form to get the latest news and insights straight to your inbox.</p>
</div>
<div class="flex flex-col md:flex-row space-y-4 sm:space-y-6 md:space-y-0 space-x-0 md:space-x-5 ">
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="firstName" name="firstName" value="" placeholder="First name *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="lastName" name="lastName" value="" placeholder="Last name *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
</div>
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="email" name="email" value="" placeholder="Email *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
<div class="flex flex-col w-full ">
<div x-data="" class="flex justify-center items-start">
<div class="checkbox flex justify-center items-center mb-2">
<input type="checkbox" id="agree" name="agree" value="true" class="opacity-0 absolute h-6 w-6" checked="">
<div class="bg-white border rounded border-gray w-6 h-6 flex flex-shrink-0 justify-center items-center mr-3 focus-within:border-gray">
<svg class="fill-current hidden w-3 h-3 text-orange pointer-events-none" version="1.1" viewBox="0 0 17 12" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<g transform="translate(-9 -11)" fill="#F0533F" fill-rule="nonzero">
<path
d="m25.576 11.414c0.56558 0.55188 0.56558 1.4439 0 1.9961l-9.404 9.176c-0.28213 0.27529-0.65247 0.41385-1.0228 0.41385-0.37034 0-0.74068-0.13855-1.0228-0.41385l-4.7019-4.588c-0.56584-0.55188-0.56584-1.4442 0-1.9961 0.56558-0.55214 1.4798-0.55214 2.0456 0l3.679 3.5899 8.3812-8.1779c0.56558-0.55214 1.4798-0.55214 2.0456 0z">
</path>
</g>
</g>
</svg>
</div>
</div>
<div class=" w-full font-body text-sm text-gray-medium">
<label for="agree"><strong class="font-strong">I would like to sign-up to receive email updates on Americord’s latest news and exciting developments. *</strong></label>
</div>
</div>
</div>
<div class="flex flex-col w-full ">
<span class="text-sm font-body text-error">* required</span>
</div>
<div class="flex flex-row w-full">
<button type="submit" data-freeform-action="submit" class="
rounded-lg px-10 py-4 text-center text-lgplus tracking-wider font-heading font-bold transform transition-all duration-200 transition-ease-out
w-full md:w-auto mx-auto disabled:cursor-not-allowed active:bg-blue focus:bg-orange inline-block text-white bg-orange hover:bg-blue"> Subscribe Now </button>
</div>
</div>
</form>POST
<form method="post" id="leadGeneration1472885113Form" class="lead-generation-1472885113 ff-form w-full max-w-3xl mx-auto" data-skip-html-reload="" data-freeform="" data-id="61e784-form-mbE9Am9LR-yjkoyW7Ne-lfddjWp91XoHXC0K9hGhqp5FfbXfbB6Y6csDxtcC"
data-handle="leadGeneration" data-ajax="" data-disable-submit="" data-show-spinner="" data-show-loading-text="" data-loading-text="Submitting..." data-success-message="Form has been submitted successfully!"
data-error-message="Sorry, there was an error submitting the form. Please try again." data-scripts-js-mask="">
<input class="" name="utmContent" type="hidden" id="form-input-utmContent" value="Info Guide | Pop Up"><input class="" name="utmSource" type="hidden" id="form-input-utmSource"><input class="" name="utmTerm" type="hidden"
id="form-input-utmTerm"><input class="" name="utmCampaign" type="hidden" id="form-input-utmCampaign"><input class="" name="utmMedium" type="hidden" id="form-input-utmMedium"><input class="" name="synctoSFDC" type="hidden"
id="form-input-synctoSFDC" value="true"><input class="" name="conaffid" type="hidden" id="form-input-conaffid"><input class="" name="referrer" type="hidden" id="form-input-referrer"><input class="" name="multipleBirthsC" type="hidden"
id="form-input-multipleBirthsC"><input class="" name="pcComparingBanksC" type="hidden" id="form-input-pcComparingBanksC"><input class="" name="pcStoragePaymentC" type="hidden" id="form-input-pcStoragePaymentC"><input class=""
name="preEnrollmentComments" type="hidden" id="form-input-preEnrollmentComments"><input class="" name="whoWereYouReferredBy" type="hidden" id="form-input-whoWereYouReferredBy"><input class="" name="referrerLastNameC" type="hidden"
id="form-input-referrerLastNameC"><input class="" name="irpid" type="hidden" id="form-input-irpid"><input class="" name="leadSource" type="hidden" id="form-input-leadSource" value="Direct"><input class="" name="sourceFt" type="hidden"
id="form-input-sourceFt"><input class="" name="campaignFt" type="hidden" id="form-input-campaignFt"><input class="" name="assetContentFt" type="hidden" id="form-input-assetContentFt">
<div class="freeform_form_handle" style="position: absolute !important; width: 0 !important; height: 0 !important; overflow: hidden !important;" aria-hidden="true" tabindex="-1"><label aria-hidden="true" tabindex="-1"
for="freeform_form_handle">Leave this field blank</label><input type="text" value="" name="freeform_form_handle" id="freeform_form_handle" aria-hidden="true" autocomplete="off" tabindex="-1"></div><input type="hidden" name="freeform_payload"
value="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">
<input type="hidden" name="formHash" value="mbE9Am9LR-yjkoyW7Ne-lfddjWp91XoHXC0K9hGhqp5FfbXfbB6Y6csDxtcC">
<input type="hidden" name="action" value="freeform/submit">
<input type="hidden" name="freeform-action" value="submit">
<input type="hidden" name="CRAFT_CSRF_TOKEN" value="eeF4D3j2ziDN04DcBgLLu37IWmxv_PA0CsP8fPP90FqyT-1lIMEEJiO3SFgrkKh0tafrrWhjotUxmGkoHZSyWmuNmgXHtZwAi3mIKWigc34=">
<div id="leadGeneration1472885113FormPost" class="hidden form-content flex-col w-10/12 mx-auto text-center items-center justify-center space-y-4 sm:space-y-6 lg:py-12 lg:min-h-[425px] 2xl:min-h-[230px] text-blue">
<div class="font-heading mt-9 md:mt-0">
<h2 class="m-0 p-0 h3 md:h2 text-orange">Your Info Guide is on the Way!</h2>
</div>
<div class="text-base md:text-lg font-body text-blue mt-9 md:mt-0">
<p>Your Info Guide is on the way! Check your email for your personalized guide to newborn stem cell banking. Ready to take the next step or speak to a stem cell consultant?<br> </p>
<p>Call us 24/7 at <a href="tel:8665036005">(866) 503-6005</a>.</p>
</div>
</div>
<div id="leadGeneration1472885113FormPre" class="flex flex-col w-full space-y-4 sm:space-y-6">
<div class="flex flex-col w-11/12 mx-auto items-center justify-center font-heading">
<h class="mb-3 p-0 card-title text-center text-blue">Lock In Our Best Cord Blood Banking Pricing!</h>
</div>
<div class="flex flex-col items-center justify-center text-sm sm:text-base md:text-lg font-body text-blue w-full">
<p><span style="background-color:rgb(255,255,255);color:rgb(70,85,118);">Complete the form below and we’ll send you our free, in-depth newborn stem cell banking info guide!</span></p>
</div>
<div class="flex flex-col md:flex-row space-y-4 sm:space-y-6 md:space-y-0 space-x-0 md:space-x-5 ">
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="firstName" name="firstName" value="" placeholder="First name *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="lastName" name="lastName" value="" placeholder="Last name *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
</div>
<div class="flex flex-col md:flex-row space-y-4 sm:space-y-6 md:space-y-0 space-x-0 md:space-x-5 ">
<div class="flex flex-col w-full ">
<input x-data="" x-mask="(999) 999-9999" type="text" id="phoneNumber" name="phoneNumber" value="" placeholder="Phone number *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
<div class="flex flex-col w-full ">
<div x-data="{
datePickerMaxDays: false,
datePickerMaxDate: false,
datePickerOpen: false,
datePickerValue: '',
datePickerFormat: 'M/D/YY',
datePickerMonth: '',
datePickerYear: '',
datePickerDay: '',
datePickerDaysInMonth: [],
datePickerBlankDaysInMonth: [],
datePickerMonthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
datePickerDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
datePickerDaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
datePickerIsMin(day) {
if (!this.datePickerMaxDays) {
return;
}
const today = new Date();
const oneDay = 1000 * 60 * 60 * 24;
const selectedDate = new Date(this.datePickerYear, this.datePickerMonth, day);
let days = Math.ceil((selectedDate.getTime() - today.getTime() ) / oneDay);
if (days === -0) {
days = 0;
}
return days < 0;
},
datePickerIsMax(day) {
if (!this.datePickerMaxDays) {
return;
}
const today = new Date();
const oneDay = 1000 * 60 * 60 * 24;
const selectedDate = new Date(this.datePickerYear, this.datePickerMonth, day);
const days = Math.ceil((selectedDate.getTime() - today.getTime() ) / oneDay);
return days > this.datePickerMaxDays;
},
datePickerDayClicked(day) {
const today = new Date();
today.setHours(0, 0, 0, 0);
const selectedDate = new Date(this.datePickerYear, this.datePickerMonth, day);
if (this.datePickerMaxDate && selectedDate < today) {
return;
}
if (this.datePickerMaxDate && selectedDate.getTime() > this.datePickerMaxDate.getTime()) {
return;
}
this.datePickerDay = day;
this.datePickerValue = this.datePickerFormatDate(selectedDate);
this.datePickerIsSelectedDate(day);
this.datePickerOpen = false;
},
datePickerPreviousMonth() {
if (this.datePickerMonth == 0) {
this.datePickerYear--;
this.datePickerMonth = 12;
}
this.datePickerMonth--;
this.datePickerCalculateDays();
},
datePickerNextMonth() {
if (this.datePickerMonth == 11) {
this.datePickerMonth = 0;
this.datePickerYear++;
} else {
this.datePickerMonth++;
}
this.datePickerCalculateDays();
},
datePickerIsSelectedDate(day) {
const date = new Date(this.datePickerYear, this.datePickerMonth, day);
return this.datePickerValue === this.datePickerFormatDate(date);
},
datePickerIsToday(day) {
const today = new Date();
const date = new Date(this.datePickerYear, this.datePickerMonth, day);
return today.toDateString() === date.toDateString();
},
datePickerCalculateDays() {
const daysInMonth = new Date(this.datePickerYear, this.datePickerMonth + 1, 0).getDate();
const dayOfWeek = new Date(this.datePickerYear, this.datePickerMonth).getDay();
const blankDaysArray = [];
for (let i = 1; i <= dayOfWeek; i++) {
blankDaysArray.push(i);
}
const daysArray = [];
for (let i = 1; i <= daysInMonth; i++) {
daysArray.push(i);
}
this.datePickerBlankDaysInMonth = blankDaysArray;
this.datePickerDaysInMonth = daysArray;
},
datePickerFormatDate(date) {
const screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
const formattedDay = this.datePickerDays[date.getDay()];
if (screenWidth < 640) {
const formattedDay = this.datePickerDaysShort[date.getDay()];
}
const formattedDate = ('0' + date.getDate()).slice(-2);
const formattedDateMinusZero = date.getDate();
const formattedMonth = this.datePickerMonthNames[date.getMonth()];
const formattedMonthShortName = this.datePickerMonthNames[date.getMonth()].substring(0, 3);
const formattedMonthInNumber = ('0' + (parseInt(date.getMonth()) + 1)).slice(-2);
const formattedMonthInNumberMinusZero = date.getMonth() + 1;
const formattedYear = date.getFullYear();
if (this.datePickerFormat === 'M d, Y') {
return `${formattedMonthShortName} ${formattedDate}, ${formattedYear}`;
}
if (this.datePickerFormat === 'MM/DD/YYYY') {
return `${formattedMonthInNumber}/${formattedDate}/${formattedYear}`;
}
if (this.datePickerFormat === 'M/D/YY') {
return `${formattedMonthInNumber}/${formattedDate}/${formattedYear}`;
}
if (this.datePickerFormat === 'DD/MM/YYYY') {
return `${formattedDate}/${formattedMonthInNumber}/${formattedYear}`;
}
if (this.datePickerFormat === 'YYYY/MM/DD') {
return `${formattedYear}/${formattedMonthInNumber}/${formattedDate}`;
}
if (this.datePickerFormat === 'D d M, Y') {
return `${formattedDay} ${formattedDate} ${formattedMonthShortName} ${formattedYear}`;
}
return `${formattedMonth} ${formattedDate}, ${formattedYear}`;
},
}" x-init="
if ($refs.datePickerInput.hasAttribute('data-max-days')) {
datePickerMaxDays = parseInt($refs.datePickerInput.getAttribute('data-max-days'));
if (datePickerMaxDays) {
let maxDate = new Date();
maxDate = maxDate.setDate(maxDate.getDate() + datePickerMaxDays);
datePickerMaxDate = new Date(maxDate);
}
}
currentDate = new Date();
if (datePickerValue) {
currentDate = new Date(Date.parse(datePickerValue));
}
datePickerMonth = currentDate.getMonth();
datePickerYear = currentDate.getFullYear();
datePickerDay = currentDate.getDay();
datePickerCalculateDays();
" x-cloak="" class="flex flex-col w-full relative">
<input x-ref="datePickerInput" x-model="datePickerValue" x-on:click.prevent="datePickerOpen = !datePickerOpen; if (datePickerOpen) { $refs.datePickerInput.blur() }" x-on:keydown.escape="datePickerOpen = false" type="text"
data-max-days="280" readonly="" id="dueDate" name="dueDate" value="" autocomplete="off" placeholder="Due date *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
<div x-on:click.prevent="datePickerOpen = !datePickerOpen; if (datePickerOpen) { $refs.datePickerInput.blur() }" class="absolute top-0 right-0 px-3 py-2 md:px-5 md:py-4 cursor-pointer text-gray">
<svg class=" h-6 w-6 fill-gray" aria-hidden="true" focusable="false" role="img">
<use xlink:href="/icons.svg#calendar"></use>
</svg>
</div>
<div x-show="datePickerOpen" x-transition="" @click.away="datePickerOpen = false"
class="absolute z-[99999] bottom-0 right-0 md:top-0 md:landscape:right-0 md:portrait:left-0 h-fit w-full md:w-fit md:min-w-max md:max-w-lg px-3 md:px-5 py-2 md:py-4 mt-14 md:mt-16 antialiased bg-white border rounded-lg shadow border-orange">
<div class="flex items-center justify-between mb-1.5 md:mb-4">
<div class="flex flex-row">
<span x-text="datePickerMonthNames[datePickerMonth]" class="text-base md:text-lg font-heading text-gray"></span>
<span x-text="datePickerYear" class="ml-1 md:ml-1 text-base md:text-lg font-body font-normal text-gray"></span>
</div>
<div class="flex flex-row">
<button @click="datePickerPreviousMonth()" type="button" class="inline-flex items-center p-0.5 md:p-1 transition duration-100 ease-in-out rounded-full cursor-pointer focus:outline-none focus:shadow-outline hover:bg-gray-light">
<svg class="inline-flex w-6 h-6 text-gray" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
</button>
<button @click="datePickerNextMonth()" type="button" class="inline-flex items-center p-0.5 md:p-1 transition duration-100 ease-in-out rounded-full cursor-pointer focus:outline-none focus:shadow-outline hover:bg-gray-light">
<svg class="inline-flex w-6 h-6 text-gray" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</button>
</div>
</div>
<div class="hidden md:grid grid-cols-7 md-1.5 md:mb-4">
<template x-for="(day, index) in datePickerDays" :key="index">
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">
</div>
</template>
</div>
<div class="grid md:hidden grid-cols-7 mb-1.5 md:mb-4">
<template x-for="(day, index) in datePickerDaysShort" :key="index">
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">
</div>
</template>
</div>
<div class="grid grid-cols-7">
<template x-for="blankDay in datePickerBlankDaysInMonth">
<div class="h-6 md:h-8 w-6 md:w-8 text-sm md:text-base leading-none text-center border border-transparent"></div>
</template>
<template x-for="(day, dayIndex) in datePickerDaysInMonth" :key="dayIndex">
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8">
</div>
</div>
</template>
</div>
</div>
</div>
</div>
</div>
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="email" name="email" value="" placeholder="Email *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="zipCode" name="zipCode" value="" placeholder="Zip Code" maxlength="5"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 "
x-mask="99999">
</div>
<div class="flex flex-col w-full ">
<span class="text-sm font-body text-error">* required</span>
</div>
<div class="flex flex-row w-full">
<button type="submit" data-freeform-action="submit" class="
rounded-lg px-10 py-4 text-center text-lgplus tracking-wider font-heading font-bold transform transition-all duration-200 transition-ease-out
w-full md:w-auto mx-auto disabled:cursor-not-allowed active:bg-blue focus:bg-orange inline-block text-white bg-orange hover:bg-blue"> Submit </button>
</div>
</div>
</form>POST
<form method="post" id="articlesPressSignup1611054924Form" class="articles-press-signup-1611054924 ff-form w-full max-w-3xl mx-auto" data-skip-html-reload="" data-freeform=""
data-id="167bff-form-Vq19xnMKr-RvANnwzjM-HAjaLfNYhoXrTwF19vEmuBetjato09dZYrGi8XSk" data-handle="articlesPressSignup" data-ajax="" data-disable-submit="" data-show-spinner="" data-show-loading-text="" data-loading-text="Submitting..."
data-success-message="Form has been submitted successfully!" data-error-message="Sorry, there was an error submitting the form. Please try again.">
<input class="" name="utmContent" type="hidden" id="form-input-utmContent" value="Articles"><input class="" name="utmSource" type="hidden" id="form-input-utmSource"><input class="" name="utmTerm" type="hidden" id="form-input-utmTerm"><input
class="" name="utmCampaign" type="hidden" id="form-input-utmCampaign"><input class="" name="utmMedium" type="hidden" id="form-input-utmMedium"><input class="" name="synctoSFDC" type="hidden" id="form-input-synctoSFDC"><input class=""
name="conaffid" type="hidden" id="form-input-conaffid"><input class="" name="pricingCalculatorChoicesC" type="hidden" id="form-input-pricingCalculatorChoicesC"><input class="" name="multipleBirthsC" type="hidden"
id="form-input-multipleBirthsC"><input class="" name="pcComparingBanksC" type="hidden" id="form-input-pcComparingBanksC"><input class="" name="pcStoragePaymentC" type="hidden" id="form-input-pcStoragePaymentC"><input class=""
name="preEnrollmentComments" type="hidden" id="form-input-preEnrollmentComments"><input class="" name="whoWereYouReferredBy" type="hidden" id="form-input-whoWereYouReferredBy"><input class="" name="referrerLastNameC" type="hidden"
id="form-input-referrerLastNameC"><input class="" name="irpid" type="hidden" id="form-input-irpid"><input class="" name="leadSource" type="hidden" id="form-input-leadSource"><input class="" name="sourceFt" type="hidden"
id="form-input-sourceFt"><input class="" name="campaignFt" type="hidden" id="form-input-campaignFt"><input class="" name="assetContentFt" type="hidden" id="form-input-assetContentFt">
<div class="freeform_form_handle" style="position: absolute !important; width: 0 !important; height: 0 !important; overflow: hidden !important;" aria-hidden="true" tabindex="-1"><label aria-hidden="true" tabindex="-1"
for="freeform_form_handle">Leave this field blank</label><input type="text" value="" name="freeform_form_handle" id="freeform_form_handle" aria-hidden="true" autocomplete="off" tabindex="-1"></div><input type="hidden" name="freeform_payload"
value="9izKq2HcRW/GYakWHzRB6Dk4ZGY4Mjk3NGM2YTAyODljZWJmMjhhYTU0NjkzZDVjYjk2ZDAxZWM5NmI1ZjQ3NWU3ODM3NWVjMDM3MWJiZDOU8CoUPk0VF0Xy8wj6JrfBOwkdSlqfdKNGzy/41N9DrY9wpoePY5Vu2M9mD3hJs9NMeTgI5LNYgP4EIavM4ZvCdau9ymN0dAashx/q1Qb6KlIEza1hWnDu2O+iMgse4HcmS6EWklaOomyOyiz+ekalFf+A5klNhdBMXmbANQuEk0X035SQyaP8Wlj4dKgw5yJMxl/QdrRaTWeknYcSwXyeJbruWcHmk7LGMDrD2F4ShNYjxXqe2wX8wxIF0zd4QIuz3TYD2BTbI7VXKI2pdGH2fJtg9If7UnJW+ZiCDX3DVRu3C3KfAoFn+Xw4WGcVg18s2yPc4ep4DOPQNvG+jd17D1EcQ/ri6Qi44uwsK/OxdKZ+lhPBwdGtmYSOxTwZDR7jls0SpXMT9FuJiyUHZ5EDnJjhYXIHUdhuGSu9SYHRdIJmy2Z67ax4FnUDG5qX2bM9uutii0qo/WkYnjeFe2d33RFUS8z8F7oIRQOp9WcxU7cIaSbfptQGEfik3B3toWPQeXi0OdHdYba39tjMR14N9e69uHBbmermRGPc43Ppa0Dw2FxebjrhwEIPIjKWk/VDhAaz+mlPz09ZsXxCoko5s6/CQJge0S75P6D2uKzPLHoHkIL+7/YnKpSxJ1u1GXevas5jnhV6VlixKxCXg78Ev9URGN7rzFk0OOTwxvfUn9juIYyZLT5ThQiGtxMm3K9t0LxNzzoAY7Xu+Iu2eaIgjz6AKoeL4FR9D6noxPNFZszL9C3y5jejfZqOtREpbOxRaUhs53QGgZReW9+FaubEvVWzBaXs0iOIF49QrAsbarAcLgf5jNhCDL6KvxsI6mlTR3Yu13y7aKCS9W6ITdAoDiasfVZ2v0J5inHWuVb/wc9+CzMZon/cKct09aKilesehg8G0T2SpcncJX7hXjMxetYackZ22Ukm6OlUNSWAYUhhjQdaiGvKUNzC1v56BNNTQmKAbfsKRM0zbOIAbrl6Rdu0phFTN8qbDrJ9/IdSJFKltV1pOJItgS2k86i/KwdQahd8JRXzI6SDn/Ed9mtBjN2sx9EW8prwFjAouzOthOCWC4e0Svk+MdIxzsaJM3WrV2ADXJEFJy6kFT4rnlJUeJTT56IP+qZZPn8TjEtun11qjelc7eOQl4Nl4WlqLHx+iXLi5wOQB6mPDjMcTW4kxqWDpVHWjmHK4dMS/MWk0f/cquX4avB5IEiRpS4/1r4LqYfVV12oqVnZKyvSex6uLi/5WoU6MIyhxG5SMqgFcsoDbNiqZjWRbBKVqedZ1l6u1gS5fajK8KY3i3zadpn75qFDhbFiKbeNtw0i4a7RyUzqXpRE9LrXgF5Wa8UV5QgfLPYjUz5Z1fNhgtxa9nKRPJAfSyKU58bNQiVnqMY0mx1KMyvQsnG8rSw0245zX79wtN1P+6AWX+igBAEZaq8J3J7gDkv6K0lnNCZ5fPG1G/qVaSZNxw9Zm394zTnJFwcw4Y3Z0fV4W03fIE/KEW/Gkp4v46RznNG/Jl94Cis/o5+FruBU3iZSAQJNphbbo6z4BesjEb7r1Z04aFE15JhCmKvm7KS9bvVRs5Lgh2u8kC1a6lUNSBE8yU30kVlaWZZrVfCnxQIYqhDMTzmiaN85Qi1xPNYB8RmucHT5BOQQ9ytPyLwlQbk54blNQt8gV4HrcmjjL9ZcTJpYaET+XCLLeeN5FSFfZZoIPuoa98+HnsNqunmxTRmIzCHg7i/D28hjOGQbyrlt39WJSXG/YblVU9+bDCHXZymoo5UvwirIZirbLCF+1IAExLlCwq4MrVc221RKdMpYC3e3D36M9oEnONbzgx9UMrcwsU05cjBOzO+VB/UCO0vXPHd2qttIiaCSYBvxfj01zjALIdKAqjjr56FkCT6oRFVV+Z8kvYiftp9zixhB6bLL+2Pihh9kH2EchEljRdWa/wmGuQGBw6Kuxw4GWvKmf0KkqPr0Hqxg2d/TmewHTk7g2oiOI/XqHgC+n6akotlaCRwv+47LyyOQGHO2bCtKhXvrdu7vP3Ikqjlx9WOVxOe1jBpiZOqtVl4I6HbxqZniefF9C92ucRIG3fzo4faMzbablkaipiF9yIaCOAbAuUF/0KoryNlraT0W7IRZUq/3eDuvjJXU9ZMQC4wZnwxtjhlJlBX4y/RFCYHzqGwT46k5q2nuQksdeZCOLnhlVeQjRhtR8XZ5qLvjp1QByeuXpIiHksatRIafhW0raYGZ799SicB4tCwVo7XRMoFX390rLRJZflQ3EVL5RSipREXkdupTru5Ix8RJqaYz1/GhcYtITq3kFE3g/fUq2ceBSDDSenWZteLuJuxHRP71puSGDRENos0jxSqax8zwTSZX6+wWtQnRApjTHUY=">
<input type="hidden" name="formHash" value="Vq19xnMKr-RvANnwzjM-HAjaLfNYhoXrTwF19vEmuBetjato09dZYrGi8XSk">
<input type="hidden" name="action" value="freeform/submit">
<input type="hidden" name="freeform-action" value="submit">
<input type="hidden" name="CRAFT_CSRF_TOKEN" value="2kmEMXw4mIwleH6Ng_YO_0no6O39ef621QWSvfDB5Yod8KniY8AkhJIb1gcaV8i-TSof2dm9RrQYip3ZjSqO1KxRw4uF97zJSYXB1BGKfrY=">
<div id="articlesPressSignup1611054924FormPost" class="hidden form-content flex-col w-10/12 mx-auto text-center items-center justify-center space-y-4 sm:space-y-6 lg:py-12 lg:min-h-[425px] 2xl:min-h-[230px] text-blue">
<img src="https://assets.americordblood.com/default/crawling-baby_2023-09-22-100439_cefs.png" class="w-8/12 md:w-auto mt-9 md:mt-0" alt="Form submitted successfully">
<div class="font-heading ">
<h2 class="m-0 p-0 h3 md:h2 text-orange">You’re Officially in the Loop!</h2>
</div>
<div class="text-base md:text-lg font-body text-blue ">
<p style="text-align:center;">Thank you for subscribing! You'll be the first to know about our latest updates and announcements.<br><br>Need immediate assistance? <br><strong>Call us 24/7 at
</strong><a href="tel:+18663893448"><strong>(866) 389-3448</strong></a><strong>.</strong></p>
</div>
</div>
<div id="articlesPressSignup1611054924FormPre" class="flex flex-col w-full space-y-4 sm:space-y-6">
<h2 class="m-0 p-0 h3 md:h2 text-orange">Be the First to Know What's New!</h2>
<div class="flex flex-col text-sm sm:text-base md:text-lg font-body text-blue w-full">
<p>Fill out the form to get the latest news and insights straight to your inbox.</p>
</div>
<div class="flex flex-col md:flex-row space-y-4 sm:space-y-6 md:space-y-0 space-x-0 md:space-x-5 ">
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="firstName" name="firstName" value="" placeholder="First name *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="lastName" name="lastName" value="" placeholder="Last name *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
</div>
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="email" name="email" value="" placeholder="Email *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
<div class="flex flex-col w-full ">
<div x-data="" class="flex justify-center items-start">
<div class="checkbox flex justify-center items-center mb-2">
<input type="checkbox" id="agree" name="agree" value="true" class="opacity-0 absolute h-6 w-6" checked="">
<div class="bg-white border rounded border-gray w-6 h-6 flex flex-shrink-0 justify-center items-center mr-3 focus-within:border-gray">
<svg class="fill-current hidden w-3 h-3 text-orange pointer-events-none" version="1.1" viewBox="0 0 17 12" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<g transform="translate(-9 -11)" fill="#F0533F" fill-rule="nonzero">
<path
d="m25.576 11.414c0.56558 0.55188 0.56558 1.4439 0 1.9961l-9.404 9.176c-0.28213 0.27529-0.65247 0.41385-1.0228 0.41385-0.37034 0-0.74068-0.13855-1.0228-0.41385l-4.7019-4.588c-0.56584-0.55188-0.56584-1.4442 0-1.9961 0.56558-0.55214 1.4798-0.55214 2.0456 0l3.679 3.5899 8.3812-8.1779c0.56558-0.55214 1.4798-0.55214 2.0456 0z">
</path>
</g>
</g>
</svg>
</div>
</div>
<div class=" w-full font-body text-sm text-gray-medium">
<label for="agree"><strong class="font-strong">I would like to sign-up to receive email updates on Americord’s latest news and exciting developments. *</strong></label>
</div>
</div>
</div>
<div class="flex flex-col w-full ">
<span class="text-sm font-body text-error">* required</span>
</div>
<div class="flex flex-row w-full">
<button type="submit" data-freeform-action="submit" class="
rounded-lg px-10 py-4 text-center text-lgplus tracking-wider font-heading font-bold transform transition-all duration-200 transition-ease-out
w-full md:w-auto mx-auto disabled:cursor-not-allowed active:bg-blue focus:bg-orange inline-block text-white bg-orange hover:bg-blue" data-original-text=" Subscribe Now " data-loading-text="Submitting..."> Subscribe Now </button>
</div>
</div>
</form>POST
<form method="post" id="leadGeneration1472885113Form" class="lead-generation-1472885113 ff-form w-full max-w-3xl mx-auto" data-skip-html-reload="" data-freeform="" data-id="61e784-form-mbE9Am9LR-yjkoyW7Ne-lfddjWp91XoHXC0K9hGhqp5FfbXfbB6Y6csDxtcC"
data-handle="leadGeneration" data-ajax="" data-disable-submit="" data-show-spinner="" data-show-loading-text="" data-loading-text="Submitting..." data-success-message="Form has been submitted successfully!"
data-error-message="Sorry, there was an error submitting the form. Please try again." data-scripts-js-mask="">
<input class="" name="utmContent" type="hidden" id="form-input-utmContent" value="Info Guide | Pop Up"><input class="" name="utmSource" type="hidden" id="form-input-utmSource"><input class="" name="utmTerm" type="hidden"
id="form-input-utmTerm"><input class="" name="utmCampaign" type="hidden" id="form-input-utmCampaign"><input class="" name="utmMedium" type="hidden" id="form-input-utmMedium"><input class="" name="synctoSFDC" type="hidden"
id="form-input-synctoSFDC" value="true"><input class="" name="conaffid" type="hidden" id="form-input-conaffid"><input class="" name="referrer" type="hidden" id="form-input-referrer"><input class="" name="multipleBirthsC" type="hidden"
id="form-input-multipleBirthsC"><input class="" name="pcComparingBanksC" type="hidden" id="form-input-pcComparingBanksC"><input class="" name="pcStoragePaymentC" type="hidden" id="form-input-pcStoragePaymentC"><input class=""
name="preEnrollmentComments" type="hidden" id="form-input-preEnrollmentComments"><input class="" name="whoWereYouReferredBy" type="hidden" id="form-input-whoWereYouReferredBy"><input class="" name="referrerLastNameC" type="hidden"
id="form-input-referrerLastNameC"><input class="" name="irpid" type="hidden" id="form-input-irpid"><input class="" name="leadSource" type="hidden" id="form-input-leadSource" value="Direct"><input class="" name="sourceFt" type="hidden"
id="form-input-sourceFt"><input class="" name="campaignFt" type="hidden" id="form-input-campaignFt"><input class="" name="assetContentFt" type="hidden" id="form-input-assetContentFt">
<div class="freeform_form_handle" style="position: absolute !important; width: 0 !important; height: 0 !important; overflow: hidden !important;" aria-hidden="true" tabindex="-1"><label aria-hidden="true" tabindex="-1"
for="freeform_form_handle">Leave this field blank</label><input type="text" value="" name="freeform_form_handle" id="freeform_form_handle" aria-hidden="true" autocomplete="off" tabindex="-1"></div><input type="hidden" name="freeform_payload"
value="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">
<input type="hidden" name="formHash" value="mbE9Am9LR-yjkoyW7Ne-lfddjWp91XoHXC0K9hGhqp5FfbXfbB6Y6csDxtcC">
<input type="hidden" name="action" value="freeform/submit">
<input type="hidden" name="freeform-action" value="submit">
<input type="hidden" name="CRAFT_CSRF_TOKEN" value="Bl-sJr3ZQKayp5KsJZQk3XE3ELm69It_77-TdEgooM6GFcsC6VBstkkT-XLL4TLM4cnCxn2hVJVDQEfr0q3aN4DcoAMuUcK89UqCbaIJLYM=">
<div id="leadGeneration1472885113FormPost" class="hidden form-content flex-col w-10/12 mx-auto text-center items-center justify-center space-y-4 sm:space-y-6 lg:py-12 lg:min-h-[425px] 2xl:min-h-[230px] text-blue">
<div class="font-heading mt-9 md:mt-0">
<h2 class="m-0 p-0 h3 md:h2 text-orange">Your Info Guide is on the Way!</h2>
</div>
<div class="text-base md:text-lg font-body text-blue mt-9 md:mt-0">
<p>Your Info Guide is on the way! Check your email for your personalized guide to newborn stem cell banking. Ready to take the next step or speak to a stem cell consultant?<br> </p>
<p>Call us 24/7 at <a href="tel:+18663893448">(866) 389-3448</a>.</p>
</div>
</div>
<div id="leadGeneration1472885113FormPre" class="flex flex-col w-full space-y-4 sm:space-y-6">
<div class="flex flex-col w-11/12 mx-auto items-center justify-center font-heading">
<h class="mb-3 p-0 card-title text-center text-blue">Lock In Our Best Cord Blood Banking Pricing!</h>
</div>
<div class="flex flex-col items-center justify-center text-sm sm:text-base md:text-lg font-body text-blue w-full">
<p><span style="background-color:rgb(255,255,255);color:rgb(70,85,118);">Complete the form below and we’ll send you our free, in-depth newborn stem cell banking info guide!</span></p>
</div>
<div class="flex flex-col md:flex-row space-y-4 sm:space-y-6 md:space-y-0 space-x-0 md:space-x-5 ">
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="firstName" name="firstName" value="" placeholder="First name *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="lastName" name="lastName" value="" placeholder="Last name *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
</div>
<div class="flex flex-col md:flex-row space-y-4 sm:space-y-6 md:space-y-0 space-x-0 md:space-x-5 ">
<div class="flex flex-col w-full ">
<input x-data="" x-mask="(999) 999-9999" type="text" id="phoneNumber" name="phoneNumber" value="" placeholder="Phone number *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
<div class="flex flex-col w-full ">
<div x-data="{
datePickerMaxDays: false,
datePickerMaxDate: false,
datePickerOpen: false,
datePickerValue: '',
datePickerFormat: 'M/D/YY',
datePickerMonth: '',
datePickerYear: '',
datePickerDay: '',
datePickerDaysInMonth: [],
datePickerBlankDaysInMonth: [],
datePickerMonthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
datePickerDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
datePickerDaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
datePickerIsMin(day) {
if (!this.datePickerMaxDays) {
return;
}
const today = new Date();
const oneDay = 1000 * 60 * 60 * 24;
const selectedDate = new Date(this.datePickerYear, this.datePickerMonth, day);
let days = Math.ceil((selectedDate.getTime() - today.getTime() ) / oneDay);
if (days === -0) {
days = 0;
}
return days < 0;
},
datePickerIsMax(day) {
if (!this.datePickerMaxDays) {
return;
}
const today = new Date();
const oneDay = 1000 * 60 * 60 * 24;
const selectedDate = new Date(this.datePickerYear, this.datePickerMonth, day);
const days = Math.ceil((selectedDate.getTime() - today.getTime() ) / oneDay);
return days > this.datePickerMaxDays;
},
datePickerDayClicked(day) {
const today = new Date();
today.setHours(0, 0, 0, 0);
const selectedDate = new Date(this.datePickerYear, this.datePickerMonth, day);
if (this.datePickerMaxDate && selectedDate < today) {
return;
}
if (this.datePickerMaxDate && selectedDate.getTime() > this.datePickerMaxDate.getTime()) {
return;
}
this.datePickerDay = day;
this.datePickerValue = this.datePickerFormatDate(selectedDate);
this.datePickerIsSelectedDate(day);
this.datePickerOpen = false;
},
datePickerPreviousMonth() {
if (this.datePickerMonth == 0) {
this.datePickerYear--;
this.datePickerMonth = 12;
}
this.datePickerMonth--;
this.datePickerCalculateDays();
},
datePickerNextMonth() {
if (this.datePickerMonth == 11) {
this.datePickerMonth = 0;
this.datePickerYear++;
} else {
this.datePickerMonth++;
}
this.datePickerCalculateDays();
},
datePickerIsSelectedDate(day) {
const date = new Date(this.datePickerYear, this.datePickerMonth, day);
return this.datePickerValue === this.datePickerFormatDate(date);
},
datePickerIsToday(day) {
const today = new Date();
const date = new Date(this.datePickerYear, this.datePickerMonth, day);
return today.toDateString() === date.toDateString();
},
datePickerCalculateDays() {
const daysInMonth = new Date(this.datePickerYear, this.datePickerMonth + 1, 0).getDate();
const dayOfWeek = new Date(this.datePickerYear, this.datePickerMonth).getDay();
const blankDaysArray = [];
for (let i = 1; i <= dayOfWeek; i++) {
blankDaysArray.push(i);
}
const daysArray = [];
for (let i = 1; i <= daysInMonth; i++) {
daysArray.push(i);
}
this.datePickerBlankDaysInMonth = blankDaysArray;
this.datePickerDaysInMonth = daysArray;
},
datePickerFormatDate(date) {
const screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
const formattedDay = this.datePickerDays[date.getDay()];
if (screenWidth < 640) {
const formattedDay = this.datePickerDaysShort[date.getDay()];
}
const formattedDate = ('0' + date.getDate()).slice(-2);
const formattedDateMinusZero = date.getDate();
const formattedMonth = this.datePickerMonthNames[date.getMonth()];
const formattedMonthShortName = this.datePickerMonthNames[date.getMonth()].substring(0, 3);
const formattedMonthInNumber = ('0' + (parseInt(date.getMonth()) + 1)).slice(-2);
const formattedMonthInNumberMinusZero = date.getMonth() + 1;
const formattedYear = date.getFullYear();
if (this.datePickerFormat === 'M d, Y') {
return `${formattedMonthShortName} ${formattedDate}, ${formattedYear}`;
}
if (this.datePickerFormat === 'MM/DD/YYYY') {
return `${formattedMonthInNumber}/${formattedDate}/${formattedYear}`;
}
if (this.datePickerFormat === 'M/D/YY') {
return `${formattedMonthInNumber}/${formattedDate}/${formattedYear}`;
}
if (this.datePickerFormat === 'DD/MM/YYYY') {
return `${formattedDate}/${formattedMonthInNumber}/${formattedYear}`;
}
if (this.datePickerFormat === 'YYYY/MM/DD') {
return `${formattedYear}/${formattedMonthInNumber}/${formattedDate}`;
}
if (this.datePickerFormat === 'D d M, Y') {
return `${formattedDay} ${formattedDate} ${formattedMonthShortName} ${formattedYear}`;
}
return `${formattedMonth} ${formattedDate}, ${formattedYear}`;
},
}" x-init="
if ($refs.datePickerInput.hasAttribute('data-max-days')) {
datePickerMaxDays = parseInt($refs.datePickerInput.getAttribute('data-max-days'));
if (datePickerMaxDays) {
let maxDate = new Date();
maxDate = maxDate.setDate(maxDate.getDate() + datePickerMaxDays);
datePickerMaxDate = new Date(maxDate);
}
}
currentDate = new Date();
if (datePickerValue) {
currentDate = new Date(Date.parse(datePickerValue));
}
datePickerMonth = currentDate.getMonth();
datePickerYear = currentDate.getFullYear();
datePickerDay = currentDate.getDay();
datePickerCalculateDays();
" class="flex flex-col w-full relative">
<input x-ref="datePickerInput" x-model="datePickerValue" x-on:click.prevent="datePickerOpen = !datePickerOpen; if (datePickerOpen) { $refs.datePickerInput.blur() }" x-on:keydown.escape="datePickerOpen = false" type="text"
data-max-days="280" readonly="" id="dueDate" name="dueDate" value="" autocomplete="off" placeholder="Due date *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
<div x-on:click.prevent="datePickerOpen = !datePickerOpen; if (datePickerOpen) { $refs.datePickerInput.blur() }" class="absolute top-0 right-0 px-3 py-2 md:px-5 md:py-4 cursor-pointer text-gray">
<svg class=" h-6 w-6 fill-gray" aria-hidden="true" focusable="false" role="img">
<use xlink:href="/icons.svg#calendar"></use>
</svg>
</div>
<div x-show="datePickerOpen" x-transition="" @click.away="datePickerOpen = false"
class="absolute z-[99999] bottom-0 right-0 md:top-0 md:landscape:right-0 md:portrait:left-0 h-fit w-full md:w-fit md:min-w-max md:max-w-lg px-3 md:px-5 py-2 md:py-4 mt-14 md:mt-16 antialiased bg-white border rounded-lg shadow border-orange"
style="display: none;">
<div class="flex items-center justify-between mb-1.5 md:mb-4">
<div class="flex flex-row">
<span x-text="datePickerMonthNames[datePickerMonth]" class="text-base md:text-lg font-heading text-gray">January</span>
<span x-text="datePickerYear" class="ml-1 md:ml-1 text-base md:text-lg font-body font-normal text-gray">2024</span>
</div>
<div class="flex flex-row">
<button @click="datePickerPreviousMonth()" type="button" class="inline-flex items-center p-0.5 md:p-1 transition duration-100 ease-in-out rounded-full cursor-pointer focus:outline-none focus:shadow-outline hover:bg-gray-light">
<svg class="inline-flex w-6 h-6 text-gray" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg>
</button>
<button @click="datePickerNextMonth()" type="button" class="inline-flex items-center p-0.5 md:p-1 transition duration-100 ease-in-out rounded-full cursor-pointer focus:outline-none focus:shadow-outline hover:bg-gray-light">
<svg class="inline-flex w-6 h-6 text-gray" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</button>
</div>
</div>
<div class="hidden md:grid grid-cols-7 md-1.5 md:mb-4">
<template x-for="(day, index) in datePickerDays" :key="index">
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">
</div>
</template>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">Sun</div>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">Mon</div>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">Tue</div>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">Wed</div>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">Thu</div>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">Fri</div>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">Sat</div>
</div>
<div class="grid md:hidden grid-cols-7 mb-1.5 md:mb-4">
<template x-for="(day, index) in datePickerDaysShort" :key="index">
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">
</div>
</template>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">S</div>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">M</div>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">T</div>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">W</div>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">T</div>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">F</div>
<div x-text="day" class="text-sm md:text-base font-semibold text-center text-gray">S</div>
</div>
<div class="grid grid-cols-7">
<template x-for="blankDay in datePickerBlankDaysInMonth">
<div class="h-6 md:h-8 w-6 md:w-8 text-sm md:text-base leading-none text-center border border-transparent"></div>
</template>
<div class="h-6 md:h-8 w-6 md:w-8 text-sm md:text-base leading-none text-center border border-transparent"></div>
<template x-for="(day, dayIndex) in datePickerDaysInMonth" :key="dayIndex">
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8">
</div>
</div>
</template>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">1</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">2</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">3</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">4</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">5</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">6</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">7</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">8</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">9</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">10</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">11</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">12</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">13</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">14</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">15</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">16</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">17</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">18</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">19</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">20</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">21</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">22</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">23</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">24</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">25</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">26</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light text-gray-light bg-white hover:bg-white">27</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-white bg-gray">28</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light">29</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light">30</div>
</div>
<div class="ml-1 md:ml-1.5 aspect-square">
<div x-text="day" @click="datePickerDayClicked(day)" :class="{
'text-white bg-gray': datePickerIsToday(day) == true,
'text-gray hover:bg-gray-light': datePickerIsToday(day) == false && datePickerIsSelectedDate(day) == false,
'bg-orange text-white hover:bg-opacity-75': datePickerIsSelectedDate(day) == true,
'text-gray-light bg-white hover:bg-white': datePickerIsMin(day) == true || datePickerIsMax(day) == true,
}" class="flex items-center justify-center text-sm md:text-base leading-none text-center cursor-pointer rounded-full h-6 md:h-8 w-6 md:w-8 text-gray hover:bg-gray-light">31</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="email" name="email" value="" placeholder="Email *"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 ">
</div>
<div class="flex flex-col w-full ">
<input x-data="" type="text" id="zipCode" name="zipCode" value="" placeholder="Zip Code" maxlength="5"
class="inputs overflow-hidden whitespace-nowrap text-ellipsis text-[16px] sm:text-base md:text-lg w-full border rounded-lg border-gray px-3 py-2 md:px-5 md:py-4 font-body font-light text-blue placeholder-gray transition-colors focus:border-blue focus:outline-none focus:ring-0 "
x-mask="99999">
</div>
<div class="flex flex-col w-full ">
<span class="text-sm font-body text-error">* required</span>
</div>
<div class="flex flex-row w-full">
<button type="submit" data-freeform-action="submit" class="
rounded-lg px-10 py-4 text-center text-lgplus tracking-wider font-heading font-bold transform transition-all duration-200 transition-ease-out
w-full md:w-auto mx-auto disabled:cursor-not-allowed active:bg-blue focus:bg-orange inline-block text-white bg-orange hover:bg-blue" data-original-text=" Submit " data-loading-text="Submitting..."> Submit </button>
</div>
</div>
</form>Text Content
Take up to 15% off Cord Blood Banking. Save now → (866) 389-3448 myAmericord Americord Blood Open main menu Explore Services EXPLORE SERVICES Unlock a longer, healthier, happier life for your family with the industry’s premier banking services. Services * All Services & Pricing * Cord Blood Banking * Cord Tissue Banking * Amniotic Placental Tissue Banking * Exosome Banking Learn LEARN Learn how these incredible stem cells work and the importance of advanced newborn screening. Learn * Stem Cell Basics * How Does the Collection Process Work? * Using Newborn Stem Cells for Treatment * Success Stories Helpful Info * Frequently Asked Questions * List of FDA-Approved Cord Blood Treatments * Compare Cord Blood Banks * Download Info Guide Why Americord (866) 389-3448 myAmericord Enroll Now Americord Blood Close menu Explore Services Services All Services & Pricing Cord Blood Banking Cord Tissue Banking Amniotic Placental Tissue Banking Exosome Banking Learn Learn Stem Cell Basics How Does the Collection Process Work? Using Newborn Stem Cells for Treatment Success Stories Helpful Info Frequently Asked Questions List of FDA-Approved Cord Blood Treatments Compare Cord Blood Banks Download Info Guide Why Americord Enroll Now (866) 389-3448 Pregnancy & Parenting 4 Min Read 10 THINGS TO PACK IN YOUR HOSPITAL BAG FOR BABY DELIVERY It's 2:56am and baby is on the way! You quickly grab your bag and are on your way. As you rush to the hospital, the last thing on your mind is the contents of your hospital bag. Though it might sound crazy, packing your bag at least a month in advance is a great way to make sure you have everything you need for the big day. WHEN SHOULD YOU PACK YOUR HOSPITAL BAG? You should have your hospital bag ready to go between weeks 32 and 35 of your pregnancy, in case your baby comes a bit earlier than expected. A good time to start the packing process is around the 28 week mark, or at the start of your 3rd trimester. A checklist can help, so we created this one to make sure you don’t forget any essentials for baby’s arrival! WHAT SHOULD YOU PACK IN YOUR HOSPITAL BAG? Here is a checklist of essential items to pack in your hospital bag so it is ready to go well before baby’s arrival. 1. Clothes to Wear During Delivery and After Giving Birth Comfy pj’s, a cozy robe, and fuzzy slippers are a must. You’re not going to want to wear that stiff hospital gown the whole time, so make sure you have some comfortable clothes that you don’t mind getting dirty and possibly throwing away after your stay at the hospital. Having cozy items like a robe and socks will make the cold hospital environment seem a little more comfortable. Plus, an open-front robe will make breastfeeding more convenient. Some expecting mothers opt to get a maternity hospital gown. Maternity hospital gowns have many benefits during labor and delivery. They can help mom feel beautiful, because they are often more stylish than a regular hospital gown. They can also take the place of an open-front robe for breastfeeding. 2. Camera, Phone, & Chargers This is an extremely special moment that you are definitely going to want to document. If you’re planning to bring a camera, be sure to pack it in your bag, along with the necessary chargers, batteries, memory cards, etc. Also, make sure you have your phone and charger packed so you can send your family updates as you welcome your baby into the world! 3. Toiletries After all that time in labor, you’re going to want to freshen up a bit before the visitors start rolling in and the camera comes out. Pack some face wipes, a toothbrush, hair brush, and any makeup you may want. 4. A Nursing Bra A nursing bra, or a bra one size up from your pregnancy size for moms who plan on bottle feeding, is a necessity. You’re going to be nursing right away, so make sure you are prepared! 5. Games! Baby may take its time coming into the world, so make sure you have some things to distract you while you wait. Whether it be your favorite magazine, a deck of cards, or your favorite series on Netflix, make sure you have something fun to pass the time. 6. Snacks & Treats You probably won’t be able to eat before or during labor. However, the last thing you want after giving birth is to dine on hospital food. Pack some of your favorite snacks to munch on, or if you have time, bake your favorite cookies to indulge in post-baby. You’ll be glad you did! 7. Outfit for Baby To Wear Home This is a no brainer: of course baby needs an adorable first-day-home outfit! 8. Something for Mom to Wear Home You are going to want a fresh outfit to put on for the ride home. Something comfortable – and cute – would be the best option. 9. Insurance Card, ID & Birth Plan You are probably thinking, Duh! But you would be surprised how often people forget these very essential items to take out of your daily bag and put in your hospital bag. 10. Your Cord Blood Collection Kit If you are going to be collecting your baby’s cord blood, make sure you have your kit in your hospital bag. Like the other things in your bag, the hospital doesn’t provide your Americord Collection Kit. It is easy to accidentally leave it home during the hospital rush. Should you go into labor before receiving your kit, Americord will hand deliver your kit to you at the hospital. What’s in the Cord Blood Collection kit: The Americord Collection Kit supplies all you need for a proper cord blood or tissue collection at the time of your delivery. If you’re in a rush for a kit, easily access our emergency collection kit via the rush program. Kits are stored near most hospitals for same-day delivery, which is perfect for clients experiencing an early or unexpected delivery. It offers the same 4-in-1 kit, but on your time and for your needs. Learn more about how we compare to other banks, the cord blood banking process, and sign up to download your free info guide today! The views, statements, and pricing expressed are deemed reliable as of the published date. Articles may not reflect current pricing, offerings, or recent innovations. CORD BLOOD BANKING Preserve your baby’s umbilical cord blood stem cells with CryoMaxx™ Processing and use in 80+ FDA-approved treatments and 100’s of clinical trials including autism, diabetes, childhood leukemia, sickle cell disease, and more. View Service EXPLORE OUR INFO GUIDE Learn more about the leader in umbilical cord blood banking, cord tissue banking, and placental stem cell banking. Download our info guide today! Download Now BE THE FIRST TO KNOW Never miss the latest cord blood breakthrough, clinical trial, or stem cell education to keep your family healthy for life. Sign Up Leave this field blank YOU’RE OFFICIALLY IN THE LOOP! Thank you for subscribing! You'll be the first to know about our latest updates and announcements. Need immediate assistance? Call us 24/7 at (866) 503-6005. BE THE FIRST TO KNOW WHAT'S NEW! Fill out the form to get the latest news and insights straight to your inbox. I would like to sign-up to receive email updates on Americord’s latest news and exciting developments. * * required Subscribe Now Share RELATED ARTICLES 5 ESSENTIAL FIRST-TIME MOM TIPS FOR PREGNANCY Is this your first pregnancy? We've got you covered with everything you need to get started, from adapting to a changing body to preparing for labor and birth. Read More LABOR-INDUCING FOODS Are there any labor-inducing foods to try during pregnancy? This post by Americord® covers some common foods and other techniques that may help induce labor. Read More IS CORD BLOOD BANKING WORTH IT? As more and more families choose to invest in their newborn’s future with cord blood banking, you may be asking yourself if cord blood banking is right for your family. Read More FOOTER Enroll Now (866) 389-3448 EXPLORE SERVICES * All Services & Pricing * Cord Blood Banking * Cord Tissue Banking * Amniotic Placental Tissue Banking * Exosome Banking LEARN * Stem Cell Basics * How Does the Collection Process Work? * Using Newborn Stem Cells for Treatment * FDA-Approved Treatments / Clinical Trials * FAQs * Blog & Articles * Compare Cord Blood Banks WHY AMERICORD * The Americord Difference * Our Facilities * Referral Program * Americord Cares * Success Stories * Download Info Guide ABOUT US * Our Story * Meet the Team * Careers * Press * Investor Relations * Get In Touch This Privacy Policy and Terms of Use sets out how Americord Registry uses and protects any information that you give Americord Registry when you use this website. Preserving stem cells does not guarantee that the saved stem cells will be applicable for every situation. Ultimate use will be determined by a physician. Please note: Americord Registry’s activities are limited to collection of umbilical cord tissue from autologous donors. Americord Registry’s possession of a New York State license for such collection does not indicate approval or endorsement of possible future uses or future suitability of cells derived from umbilical cord tissue. Leave this field blank YOUR INFO GUIDE IS ON THE WAY! Your Info Guide is on the way! Check your email for your personalized guide to newborn stem cell banking. Ready to take the next step or speak to a stem cell consultant? Call us 24/7 at (866) 503-6005. Lock In Our Best Cord Blood Banking Pricing! Complete the form below and we’ll send you our free, in-depth newborn stem cell banking info guide! * required Submit Leave this field blank YOU’RE OFFICIALLY IN THE LOOP! Thank you for subscribing! You'll be the first to know about our latest updates and announcements. Need immediate assistance? Call us 24/7 at (866) 389-3448. BE THE FIRST TO KNOW WHAT'S NEW! Fill out the form to get the latest news and insights straight to your inbox. I would like to sign-up to receive email updates on Americord’s latest news and exciting developments. * * required Subscribe Now Leave this field blank YOUR INFO GUIDE IS ON THE WAY! Your Info Guide is on the way! Check your email for your personalized guide to newborn stem cell banking. Ready to take the next step or speak to a stem cell consultant? Call us 24/7 at (866) 389-3448. Lock In Our Best Cord Blood Banking Pricing! Complete the form below and we’ll send you our free, in-depth newborn stem cell banking info guide! January 2024 Sun Mon Tue Wed Thu Fri Sat S M T W T F S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 * required Submit Questions? Chat with us!Support is awayChat with Americord Registry