yup-block02.js

import {
  format,
  isAfter,
  isSameDay,
} from 'date-fns';
import * as Yup from 'yup';

import { tryCatch } from '../../utils/tryCatch';

const validationSchema = Yup.object().shape({
  date: Yup.date().required(),
  startTime: Yup.date().required(),
  endTime: Yup.date().required()
    .when('startTime', (startTime: Date, schema: Yup.DateSchema) => {
      return schema.test(
        'start-time-past',
        'End Time should be ahead of Start Time',
        (endTime) => {
          return !isSameDay(endTime, startTime) && isAfter(endTime, startTime);
      });
    })
});

export const post = async (req, res) => {
  const [validatedData, validationError] = await tryCatch(() => (
    validationSchema.validate(req.body)
  ));

  if (validationError) {
    console.log('validationError', validationError);
    return res.status(400).send(validationError);
  }

  const {
    date: unformattedDate,
    startTime: unformattedStartTime,
    endTime: unformattedEndTime,
  } = validatedData;

  // TODO - Since this came from the request body, this needs to be cast to Date
  const date = format(new Date(unformattedDate), 'EEEE, MMMM dd, yyyy');
  const startTime = format(new Date(unformattedStartTime), 'hh:mm aa');
  const endTime = format(new Date(unformattedEndTime), 'hh:mm aa');

  // This is a demo that the data will be saved
  // save({
  //   date,
  //   startTime,
  //   endTime,
  // });

  return res.status(200).send('Successfully saved');
};