wkc/lcm-potty-chart
Archived
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Calender nav #42

Merged
LucidKobold merged 20 commits from calender-nav into main 2022-03-27 02:48:04 -04:00
Conversation 1 Commits 20 Files Changed 8 +187 -38
8 changed files with 187 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 78abdc7e41 - Show all commits

6
components/calender/DatePicker.tsx
View File

@@ -24,6 +24,8 @@ import {
Field, Field,
FieldProps FieldProps
} from "formik"; } from "formik";
import { format } from "date-fns"
import findValidDateRange from "../../lib/findValidDateRange"
import FormValidateEmoji from "./FormValidateEmoji"; import FormValidateEmoji from "./FormValidateEmoji";
import { CalenderContext } from "../../contexts/CalenderContext"; import { CalenderContext } from "../../contexts/CalenderContext";
@@ -34,6 +36,8 @@ const DatePicker = (): JSX.Element => {
const [valid, setValid] = useState<boolean>(false); const [valid, setValid] = useState<boolean>(false);
const validDateRange = findValidDateRange();
const validateDate = ( const validateDate = (
dateString?: string | undefined dateString?: string | undefined
): string | undefined => { ): string | undefined => {
@@ -212,6 +216,8 @@ const DatePicker = (): JSX.Element => {
{...field} {...field}
id="date" id="date"
textAlign="center" textAlign="center"
min={format(validDateRange.start, "yyyy-MM-dd")}
max={format(validDateRange.end, "yyyy-MM-dd")}
{...(!form.errors.date && form.touched.date {...(!form.errors.date && form.touched.date
? { ? {
borderColor: "brand.valid", borderColor: "brand.valid",