BaseLibraries/MattrixwvReactComponents
1
0
Fork 0
mirror of https://bitbucket.org/Mattrixwv/mattrixwvreactcomponents.git synced 2025-12-07 06:03:58 -05:00
Code Issues Packages Projects Releases Wiki Activity

Temporal input components added

Browse Source
This commit is contained in:
Mattrixwv
2025-07-31 22:23:00 -04:00
parent f6f77c9d42
commit e1b3000121
8 changed files with 118 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/routes/input/index.tsx
View File

@@ -1,6 +1,6 @@
import { MattrixwvTabGroup } from "$/component/tab";
import type { TabGroupContent } from "$/types/Tab";
import { CheckboxContent, FileContent, RadioContent, SwitchContent, TextContent } from "@/util/InputUtils";
import { CheckboxContent, DateContent, FileContent, RadioContent, SwitchContent, TextContent } from "@/util/InputUtils";
import { createFileRoute } from "@tanstack/react-router";
@@ -13,6 +13,7 @@ function InputPage(){
const tabs: TabGroupContent[] = [
{ tab: "Checkbox", content: <CheckboxContent/>},
{ tab: "Radio", content: <RadioContent/> },
{ tab: "Date", content: <DateContent/> },
{ tab: "File", content: <FileContent/> },
{ tab: "Switch", content: <SwitchContent/> },
{ tab: "Text", content: <TextContent/> }

18
src/util/InputUtils.tsx
View File

@@ -11,6 +11,9 @@ import SecondaryCheckbox from "$/component/input/checkbox/SecondaryCheckbox";
import SuccessCheckbox from "$/component/input/checkbox/SuccessCheckbox";
import TertiaryCheckbox from "$/component/input/checkbox/TertiaryCheckbox";
import WarningCheckbox from "$/component/input/checkbox/WarningCheckbox";
import DateInput from "$/component/input/date/DateInput";
import DateTimeInput from "$/component/input/date/DateTimeInput";
import TimeInput from "$/component/input/date/TimeInput";
import DangerRadioButton from "$/component/input/radio/DangerRadioButton";
import DarkRadioButton from "$/component/input/radio/DarkRadioButton";
import InfoRadioButton from "$/component/input/radio/InfoRadioButton";
@@ -743,3 +746,18 @@ function RadioDisplay({
</div>
);
}
export function DateContent(){
return (
<div
className="flex flex-col items-center justify-center my-8 gap-y-8"
>
<DateInput
/>
<DateTimeInput
/>
<TimeInput
/>
</div>
);
}