react-schedule-view/src/utils/helpers.ts

A zero-dependency, fully customizable component for displaying schedules in a daily or week format

export const clamp = (value: number, min: number, max: number) =>
  Math.min(Math.max(value, min), max);

export const numToHHMM = (num: number) => {
  let hours = Math.floor(num) % 12;
  if (hours === 0) {
    hours = 12;
  }

  const minutes = Math.round((num % 1) * 60);

  return `${hours}:${minutes < 10 ? "0" : ""}${minutes} ${
    num >= 12 && num < 24 ? "PM" : "AM"
  }`;
};

export const numToHH = (num: number) => {
  let hours = Math.floor(num) % 12;
  if (hours === 0) {
    hours = 12;
  }

  return `${hours} ${num >= 12 && num < 24 ? "PM" : "AM"}`;
};

export const timeRangeFormatter = (startTime: number, endTime: number) =>
  `${numToHHMM(startTime)} - ${numToHHMM(endTime)}`;