前提・実現したいこと
https://github.com/hernansartorio/react-nice-dates/tree/master/src
上のReactカレンダーライブラリを使用しているのですが、それぞれの日付の下側に小さく文字を描画したいと思っています。
ちなみに、ここ(https://reactnicedates.hernansartorio.com/)で解説されている複数日程を選択できるコンポーネントを利用しています。
日付を描画しているコンポーネント(CalendarGrid.js)で同様にすれば文字を描画できると思っているのですが、そもそもCalendar.jsがどこにあるのかわかりません。
わかる方がいましたらコメントお願いします
発生している問題・エラーメッセージ
どこからCalendar.jsを読み込んでいるのか不明
react-nice-dates | -build -src -LICENSE -package.json -README.md
該当のソースコード
import React, { useState } from 'react' import { isSameDay } from 'date-fns' import { enGB } from 'date-fns/locale' import { Calendar } from 'react-nice-dates' //該当箇所 import 'react-nice-dates/build/style.css' // Very rough implementation of multiple date selection export default function CalendarExample() { const [selectedDates, setSelectedDates] = useState([]) const modifiers = { selected: date => selectedDates.some(selectedDate => isSameDay(selectedDate, date)) } const handleDayClick = date => { setSelectedDates([...selectedDates, date]) } return ( <Calendar onDayClick={handleDayClick} modifiers={modifiers} locale={enGB} /> ) }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。