@atlaskit/calendar/dist/es2019/internal/hooks/use-controlled-date-state.js

An interactive calendar for date selection experiences.

import useControlled from '@atlaskit/ds-lib/use-controlled';
import useLazyRef from '@atlaskit/ds-lib/use-lazy-ref';
import pad from '../utils/pad';

// eslint-disable-next-line @repo/internal/react/require-jsdoc
export default function useControlledDateState({
  day,
  defaultDay,
  month,
  defaultMonth,
  year,
  defaultYear,
  today,
  selected,
  defaultSelected,
  previouslySelected,
  defaultPreviouslySelected
}) {
  const {
    current: {
      thisDay,
      thisMonth,
      thisYear
    }
  } = useLazyRef(() => {
    const now = new Date();
    const thisDay = now.getDate();
    const thisMonth = now.getMonth() + 1;
    const thisYear = now.getFullYear();
    return {
      thisDay,
      thisMonth,
      thisYear
    };
  });
  const [dayValue, setDayValue] = useControlled(day, () => defaultDay || thisDay);
  const [monthValue, setMonthValue] = useControlled(month, () => defaultMonth || thisMonth);
  const [yearValue, setYearValue] = useControlled(year, () => defaultYear || thisYear);
  const [todayValue] = useControlled(today, () => today || `${thisYear}-${pad(thisMonth)}-${pad(thisDay)}`);
  const [selectedValue, setSelectedValue] = useControlled(selected, () => defaultSelected);
  const [previouslySelectedValue, setPreviouslySelectedValue] = useControlled(previouslySelected, () => defaultPreviouslySelected);
  return {
    day: [dayValue, setDayValue],
    month: [monthValue, setMonthValue],
    year: [yearValue, setYearValue],
    today: [todayValue],
    selected: [selectedValue, setSelectedValue],
    previous: [previouslySelectedValue, setPreviouslySelectedValue]
  };
}