{"version":3,"file":"index.732c4f8a.js","sources":["../../vite/modulepreload-polyfill","../../lib/DatePicker/DatePickerEntry.jsx","../../lib/DatePicker/DatePicker.jsx","../../src/App.jsx","../../src/main.jsx"],"sourcesContent":["const p = function polyfill() {\n    const relList = document.createElement('link').relList;\n    if (relList && relList.supports && relList.supports('modulepreload')) {\n        return;\n    }\n    for (const link of document.querySelectorAll('link[rel=\"modulepreload\"]')) {\n        processPreload(link);\n    }\n    new MutationObserver((mutations) => {\n        for (const mutation of mutations) {\n            if (mutation.type !== 'childList') {\n                continue;\n            }\n            for (const node of mutation.addedNodes) {\n                if (node.tagName === 'LINK' && node.rel === 'modulepreload')\n                    processPreload(node);\n            }\n        }\n    }).observe(document, { childList: true, subtree: true });\n    function getFetchOpts(script) {\n        const fetchOpts = {};\n        if (script.integrity)\n            fetchOpts.integrity = script.integrity;\n        if (script.referrerpolicy)\n            fetchOpts.referrerPolicy = script.referrerpolicy;\n        if (script.crossorigin === 'use-credentials')\n            fetchOpts.credentials = 'include';\n        else if (script.crossorigin === 'anonymous')\n            fetchOpts.credentials = 'omit';\n        else\n            fetchOpts.credentials = 'same-origin';\n        return fetchOpts;\n    }\n    function processPreload(link) {\n        if (link.ep)\n            // ep marker = processed\n            return;\n        link.ep = true;\n        // prepopulate the load record\n        const fetchOpts = getFetchOpts(link);\n        fetch(link.href, fetchOpts);\n    }\n};__VITE_IS_MODERN__&&p();","import React from 'react';\nimport classNames from 'classnames';\nimport styles from './DatePicker.module.scss';\n\nexport default function DatePickerEntry ({\n  label,\n  type = 'radio',\n  value, \n  description,\n  active,\n  name,\n  selected,\n  disabled,\n  ...props\n}) {\n\n  return <button className={classNames(styles.datePickerEntryContainer, { \n    [styles.active]: active,\n    [styles.selected]: selected ,\n    [styles.disabled]: disabled\n  })} {...props}>\n    <label className={styles.datePickerEntry}>\n      <span className={styles.datePickerEntryTitle}>{label}</span>\n      <span className={styles.datePickerEntryDescription}>{description}</span>\n    </label>\n  </button>;\n}\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport styles from './DatePicker.module.scss';\nimport {\n  startOfMonth,\n  endOfMonth,\n  eachDayOfInterval,\n  isSameMonth,\n  endOfWeek,\n  startOfWeek,\n  intlFormat,\n  format,\n  subMonths,\n  addMonths,\n  isToday,\n  isSameDay,\n  isBefore,\n  isAfter\n} from 'date-fns';\nimport DatePickerEntry from './DatePickerEntry';\n\nexport default function DatePicker ({ defaultValue = [], onChange, minDate, maxDate, maxSelections = 2 }) {\n  const [activeMonth, setActiveMonth] = useState(new Date());\n  const [selectedDates, setSelectedDates] = useState(defaultValue);\n\n  const onSelect = (date) => {\n    if (isDayDisabled(date)) return;\n    if (\n      selectedDates.filter(e => isSameDay(e, date)).length == 0 && \n      selectedDates.length < maxSelections\n    ) {\n      setSelectedDates(prevSelected => [...prevSelected, date]);\n    } else {\n      setSelectedDates(prevSelected => prevSelected.filter(e => !isSameDay(e, date)));\n    }\n  };\n  useEffect(() => {\n    if (onChange && typeof onChange == 'function') {\n      onChange(selectedDates);\n    }\n  }, [selectedDates]);\n\n  const isDayDisabled = (day) => {\n    return !isSameMonth(activeMonth, day) ||\n            minDate && isBefore(day, minDate) ||\n            maxDate && isAfter(day, maxDate);\n  };\n\n  return <div className={styles.datePickerEntryContainer}>\n    <h2 className={styles.monthName}>{intlFormat(activeMonth, { month: 'long' })}</h2>\n    <div className={styles.datePicker}>\n      {\n        eachDayOfInterval({\n          start: startOfWeek(startOfMonth(activeMonth)),\n          end: endOfWeek(endOfMonth(activeMonth))\n        })\n          .map(day => \n            <DatePickerEntry\n              key={day.toUTCString()}\n              active={isToday(day)}\n              label={format(day, 'd')}\n              description={intlFormat(day, { weekday: 'long' })}\n              selected={selectedDates.filter(e => isSameDay(e, day)).length != 0}\n              disabled={isDayDisabled(day)}\n              onClick={() => onSelect(day)}\n            />\n          )\n      }\n    </div>\n    <div className={styles.buttonGroup}>\n      <button \n        type=\"button\" \n        className={styles.button}\n        onClick={() => setActiveMonth(d => subMonths(d, 1))}\n        disabled={minDate && isBefore(startOfMonth(activeMonth), minDate)}\n      >\n        Prev\n      </button>\n      <button \n        type=\"button\" \n        className={styles.button}\n        onClick={() => setActiveMonth(d => addMonths(d, 1))}\n        disabled={maxDate && isAfter(endOfMonth(activeMonth), maxDate)}\n      >\n        Next\n      </button>\n    </div>\n  </div>;\n}\n\nDatePicker.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  defaultValue: PropTypes.arrayOf(Date),\n  minDate: PropTypes.instanceOf(Date),\n  maxDate: PropTypes.instanceOf(Date),\n  maxSelections: PropTypes.number\n};","import { addMonths, subMonths, parseISO } from 'date-fns';\nimport React, { useState } from 'react';\nimport DatePicker from '../lib/DatePicker';\n\nfunction App() {\n\n  const [dates, setDates] = useState([]);\n  const [minDate, setMinDate] = useState('');\n  const [maxDate, setMaxDate] = useState('');\n  const [samples, setSamples] = useState(1);\n\n  return (\n    <div className=\"App\">\n      <div className=\"limit-container\">\n\n        <div className=\"limit-input\">\n          <label>Min Date\n            <input type=\"date\" onChange={e => setMinDate(parseISO(e.target.value))} />\n          </label>\n        </div>\n        <div className=\"limit-input\">\n          <label>Max Date</label>\n          <input type=\"date\" onChange={e => setMaxDate(parseISO(e.target.value))} />\n        </div>\n        <div className=\"limit-input\">\n          <label>Number of samples</label>\n          <input type=\"number\" value={samples} onChange={e => setSamples(e.target.value)} />\n        </div>\n      </div>\n\n      <DatePicker \n        defaultValue={dates}\n        onChange={setDates}\n        maxDate={maxDate}\n        minDate={minDate}\n        maxSelections={samples}\n      />\n\n      <div style={{ height: '100px', width: '100%', textAlign: 'center', overflowY: 'auto' }}>\n        {\n          dates.map((d, i) => <p key={i}>{JSON.stringify(d)}</p>)\n        }\n      </div>\n    </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport './styles/app.scss';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n"],"names":["relList","document","createElement","supports","link","querySelectorAll","MutationObserver","mutations","mutation","type","node","addedNodes","tagName","rel","observe","childList","subtree","ep","fetchOpts","script","integrity","referrerpolicy","referrerPolicy","crossorigin","credentials","getFetchOpts","href","p","_a","label","value","description","active","name","selected","disabled","_b","props","__spreadValues","className","classNames","styles","active2","selected2","disabled2","defaultValue","onChange","minDate","maxDate","maxSelections","activeMonth","setActiveMonth","useState","Date","selectedDates","setSelectedDates","isDayDisabled","day","isSameMonth","isBefore","isAfter","intlFormat","month","eachDayOfInterval","start","startOfWeek","startOfMonth","end","endOfWeek","endOfMonth","map","DatePickerEntry","key","toUTCString","isToday","format","weekday","filter","isSameDay","e","length","onClick","date","prevSelected","subMonths","d","addMonths","dates","setDates","setMinDate","setMaxDate","samples","setSamples","parseISO","target","DatePicker","style","height","width","textAlign","overflowY","i","JSON","stringify","propTypes","PropTypes","func","isRequired","arrayOf","instanceOf","number","ReactDOM","render","React","StrictMode","App","getElementById"],"mappings":"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"}