\n
Availability for {props.availability.date.toLocaleDateString(\"en-US\", {weekday: \"long\", year: \"numeric\", month: \"long\", day: \"numeric\"})}
\n
Tell us what time you're available on this day. If you're not available on this day, just click on the day in the calendar to remove it.
\n
\n
\n ({\n key: index,\n value: index,\n text: item\n }))}\n value={indexOne > -1 ? indexOne : false}\n onChange={(e, data) => {\n props.onChange([props.hours[data.value as number] || \"\", props.availability.hours[1]])\n }}\n />\n
\n
\n {props.availability.hours[0].length > 0 &&\n ({\n key: index,\n value: index,\n text: item\n }))}\n value={indexTwo > -1 ? indexTwo : false}\n onChange={(e, data) => {\n props.onChange([props.availability.hours[0], props.hours[data.value as number] || \"\"]);\n }}\n />\n }\n
\n
\n
\n};\n\ninterface AvailabilityComposerProps {\n availabilityState: AvailabilityState[]\n onChange: (date: Date, data: [string, string]) => any\n}\n\nconst AvailabilityComponentComposer: React.FC