Create Form Input Components

[xkaper001]

Description

Create reusable form input components that will be used throughout the application for data collection.

Components to Create

Text Inputs

• Text Field - Standard input field with label, placeholder, validation states, and error messages
• Text Area - Multi-line input field for longer text content
• Date Picker (DOB) - Date selection component with calendar picker
• Dropdown - Dropdown selector with optional search capability
• Checkbox - Checkbox with associated label text

Features Required

• Form validation support (required, email, phone, etc.)
• Error state styling
• Focus/unfocus states
• Disabled state
• Label and helper text support
• Consistent styling across all inputs
• Platform-specific keyboard types
• Clear/reset functionality

Technical Requirements

• Use Flutter's Material Design 3 widgets where applicable
• All components should be stateless when possible
• Support theming (colors, typography, spacing)
• Include documentation with usage examples
• Make components accessible

Reference

Check Figma design for exact styling, spacing, and behavior.

Priority

High - Required for authentication and form screens

Acceptance Criteria

• All form components render correctly
• Validation works as expected
• Components are reusable and well-documented
• Theming is consistent

[github-actions]

👋 Thanks for opening this issue and contributing!

Our reviewers will check it soon 🚀

📘 If you’d like to know more about contributing, please read our CONTRIBUTING.md.

[xkaper001]

Working on this.