form-input-fields 1.0.4 → 1.0.5

package/README.md

@@ -2,10 +2,117 @@
 
 A collection of Material-UI form field components with Formik integration.
 
-More controls are coming soon.
+More control in the progress of development.
+
+## Installation
+
+### Prerequisites
+
+Before installing the form-fields package, make sure you have the following peer dependencies installed in your project:
+
+- React 16.8.0 or later
+- React DOM 16.8.0 or later
+- Material-UI (MUI) 5.0.0 or later
+- Formik 2.0.0 or later
+- @mui/x-date-pickers 6.0.0 or later
+- dayjs 1.11.0 or later
+
+### Using npm
+
+```bash
+npm install form-fields @mui/material @emotion/react @emotion/styled formik @mui/x-date-pickers dayjs
+```
+
+### Using yarn
+
+```bash
+yarn add @your-org/form-fields @mui/material @emotion/react @emotion/styled formik @mui/x-date-pickers dayjs
+```
+
+### Using pnpm
+
+```bash
+pnpm add @your-org/form-fields @mui/material @emotion/react @emotion/styled formik @mui/x-date-pickers dayjs
+```
+
+### Peer Dependencies
+
+Make sure your project includes these peer dependencies:
+
+```json
+{
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "@mui/material": "^5.0.0",
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "formik": "^2.0.0",
+    "@mui/x-date-pickers": "^6.0.0",
+    "dayjs": "^1.11.0"
+  }
+}
+```
+
+### TypeScript
+
+This package includes TypeScript type definitions. No additional type packages are needed.
+
+### Browser Support
+
+The form fields support all modern browsers including:
+- Chrome (latest 2 versions)
+- Firefox (latest 2 versions)
+- Safari (latest 2 versions)
+- Edge (latest 2 versions)
+
+For Internet Explorer 11 support, you'll need to include polyfills. See [Browser Support](#browser-support) for more details.
+
+### Next Steps
+
+After installation, you can import and use the components in your application:
+
+```tsx
+import { FormTextField, FormDateField, FormMaskField } from '@your-org/form-fields';
+```
+
+### Troubleshooting
+
+If you encounter any issues during installation, try the following:
+
+1. Clear your package manager's cache:
+   ```bash
+   npm cache clean --force
+   # or
+   yarn cache clean
+   # or
+   pnpm store prune
+   ```
+
+2. Delete `node_modules` and `package-lock.json` (or `yarn.lock`/`pnpm-lock.yaml`)
+
+3. Reinstall dependencies:
+   ```bash
+   npm install
+   # or
+   yarn install
+   # or
+   pnpm install
+   ```
+
+If you're still experiencing issues, please [open an issue](https://github.com/your-org/form-fields/issues) with details about your environment and the error message you're seeing.
+
 
 ## Table of Contents
 
+- [FormTextField](#formtextfield)
+  - [Features](#features)
+  - [Basic Usage](#basic-usage)
+  - [Props](#props)
+  - [Examples](#examples)
+    - [Basic Text Input](#basic-text-input)
+    - [Text Field with Formik](#text-field-with-formik)
+    - [Custom Validation](#custom-validation)
 - [FormDateField](#formdatefield)
   - [Features](#features)
   - [Available Date Formats](#available-date-formats)
@@ -41,6 +148,135 @@ More controls are coming soon.
     - [Basic Checkbox](#basic-checkbox)
     - [Checkbox with Formik](#checkbox-with-formik)
     - [Custom Styled Checkbox](#custom-styled-checkbox)
+- [FormDateTextField](#formdatetextfield)
+  - [Features](#features-3)
+  - [Available Date Formats](#available-date-formats-1)
+  - [Basic Usage](#basic-usage-3)
+  - [Props](#props-3)
+  - [Examples](#examples-3)
+    - [Basic Date Text Input](#basic-date-text-input)
+    - [Date Text Field with Formik](#date-text-field-with-formik)
+    - [Custom Date Format](#custom-date-format)
+
+---
+
+## FormTextField
+
+A versatile text input field component that integrates Material-UI's TextField with Formik form handling.
+
+### Features
+
+- **Seamless Formik Integration**: Automatically handles form state, validation, and error messages
+- **Material-UI Styling**: Consistent look and feel with Material Design
+- **TypeScript Support**: Fully typed component with proper type definitions
+- **Flexible Props**: Supports all standard TextField props from Material-UI
+- **Error Handling**: Built-in error state management with Formik
+- **Responsive Design**: Works well across different screen sizes
+
+### Basic Usage
+
+```tsx
+import { Formik, Field } from 'formik';
+import { FormTextField } from 'form-fields';
+
+<Formik
+  initialValues={{ username: '' }}
+  onSubmit={(values) => console.log(values)}
+>
+  <Field
+    component={FormTextField}
+    name="username"
+    label="Username"
+    placeholder="Enter your username"
+  />
+</Formik>
+```
+
+### Props
+
+The FormTextField component accepts all props from `FormTextFieldProps`, `FieldProps` (Formik), and Material-UI's `TextFieldProps`.
+
+#### FormTextFieldProps Interface
+
+| Prop       | Type       | Default | Description                                   |
+|------------|------------|---------|-----------------------------------------------|
+| `onChange` | `function` | -       | Custom change handler that overrides Formik's |
+| `onBlur`   | `function` | -       | Custom blur handler that overrides Formik's   |
+
+#### Common Props (from FieldProps & TextFieldProps)
+
+| Prop         | Type             | Required | Description                                   |
+|--------------|------------------|----------|-----------------------------------------------|
+| `name`       | `string`         | Yes      | Field name in Formik values                   |
+| `label`      | `string`         | No       | Field label                                   |
+| `helperText` | `string`         | No       | Custom helper text                            |
+| `error`      | `boolean`        | No       | Error state (auto-managed by Formik)          |
+| `disabled`   | `boolean`        | No       | Disabled state                                |
+| `required`   | `boolean`        | No       | Required field indicator                      |
+| `type`       | `string`         | 'text'   | Input type (text, email, password, etc.)      |
+| Other        | `TextFieldProps` | No       | All Material-UI TextField props are supported |
+
+### Examples
+
+#### Basic Text Input
+
+```tsx
+<Field
+  component={FormTextField}
+  name="username"
+  label="Username"
+  placeholder="Enter your username"
+  fullWidth
+  margin="normal"
+/>
+```
+
+#### Text Field with Formik
+
+```tsx
+<Formik
+  initialValues={{ email: '' }}
+  validate={values => {
+    const errors = {};
+    if (!values.email) {
+      errors.email = 'Required';
+    } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(values.email)) {
+      errors.email = 'Invalid email address';
+    }
+    return errors;
+  }}
+  onSubmit={(values) => console.log(values)}
+>
+  {({ errors, touched }) => (
+    <Field
+      component={FormTextField}
+      name="email"
+      label="Email"
+      type="email"
+      error={touched.email && Boolean(errors.email)}
+      helperText={touched.email && errors.email}
+      required
+    />
+  )}
+</Formik>
+```
+
+#### Custom Validation
+
+```tsx
+<Field
+  component={FormTextField}
+  name="password"
+  label="Password"
+  type="password"
+  inputProps={{
+    minLength: 8,
+    pattern: "(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
+  }}
+  helperText="Must contain at least 8 characters, including uppercase, lowercase, and numbers"
+  required
+/>
+```
 
 ---
 
@@ -440,6 +676,199 @@ function CustomCheckbox() {
 }
 ```
 
+## FormDateTextField
+
+A versatile date input field component that provides a text-based date picker with Formik integration and Material-UI styling.
+
+### Features
+
+- **Formik Integration**: Seamlessly works with Formik for form state management
+- **Material-UI Styling**: Consistent look and feel with Material Design
+- **Flexible Date Formatting**: Supports custom date formats using day.js
+- **TypeScript Support**: Fully typed component with proper type definitions
+- **Responsive Design**: Works well across different screen sizes
+- **Accessibility**: Built with accessibility in mind
+
+### Available Date Formats
+
+The component uses predefined date format constants from `date.ts`:
+
+#### FORM_DATE_FORMAT
+
+```typescript
+export const FORM_DATE_FORMAT = {
+  short: "YYYY-MM-DD",
+  long: "MM/DD/YYYY hh:mm A",
+  custom: "DD MMMM YYYY hh:mm A"
+};
+```
+
+#### DATE_PICKER_DATE_FORMAT
+
+```typescript
+export const DATE_PICKER_DATE_FORMAT = {
+  short: "DD/MM/YYYY"
+};
+```
+
+#### DATE_PICKER_MONTH_YEAR_FORMAT
+
+```typescript
+export const DATE_PICKER_MONTH_YEAR_FORMAT = {
+  short: "MM/YYYY",
+  long: "MMMM YYYY"
+};
+```
+
+### Basic Usage
+
+```tsx
+import { Formik, Field } from 'formik';
+import { FormDateTextField } from 'form-fields';
+
+<Formik
+  initialValues={{ eventDate: '' }}
+  onSubmit={(values) => console.log(values)}
+>
+  <Field
+    component={FormDateTextField}
+    name="eventDate"
+    label="Event Date"
+    format="MM/DD/YYYY"
+  />
+</Formik>
+```
+
+### Props
+
+The FormDateTextField component accepts all props from `FormDateTextFieldProps`, `FieldProps` (Formik), and Material-UI's `TextFieldProps` (with some exclusions).
+
+#### FormDateTextFieldProps Interface
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `format` | `string` | `FORM_DATE_FORMAT.long` | Date format string using day.js tokens |
+| `required` | `boolean` | `false` | Whether the field is required |
+| `disabled` | `boolean` | `false` | Whether the field is disabled |
+| `className` | `string` | - | Custom class name for the root element |
+| `helperText` | `string` | - | Helper text to display below the field |
+| `error` | `boolean` | - | Error state of the field |
+| `onChange` | `(value: Dayjs \| null) => void` | - | Custom change handler |
+| `onBlur` | `(event: React.FocusEvent<HTMLInputElement>) => void` | - | Custom blur handler |
+
+#### Common Props (from FieldProps & TextFieldProps)
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `name` | `string` | Yes | Field name in Formik values |
+| `label` | `string` | No | Label for the input field |
+| `placeholder` | `string` | No | Placeholder text |
+| `fullWidth` | `boolean` | No | If true, the input will take up the full width of its container |
+| `margin` | `'none' \| 'dense' \| 'normal'` | No | If 'dense' or 'normal', will adjust vertical spacing |
+| `size` | `'small' \| 'medium'` | No | The size of the text field |
+
+### Examples
+
+#### Basic Date Text Input
+
+```tsx
+<FormDateTextField
+  name="birthDate"
+  label="Birth Date"
+  format="YYYY-MM-DD"
+  helperText="Enter your date of birth"
+  required
+/>
+```
+
+#### Date Text Field with Formik
+
+```tsx
+import { Formik, Form, Field } from 'formik';
+import { FormDateTextField, FormTextField } from 'form-fields';
+import { Button } from '@mui/material';
+
+const EventForm = () => (
+  <Formik
+    initialValues={{
+      eventName: '',
+      eventDate: '',
+    }}
+    onSubmit={(values) => {
+      console.log('Form submitted:', values);
+    }}
+  >
+    {({ isSubmitting }) => (
+      <Form>
+        <Field
+          name="eventName"
+          label="Event Name"
+          component={FormTextField}
+          fullWidth
+          margin="normal"
+        />
+        
+        <Field
+          component={FormDateTextField}
+          name="eventDate"
+          label="Event Date"
+          format="MM/DD/YYYY"
+          required
+          helperText="Select the event date"
+          margin="normal"
+        />
+        
+        <Button
+          type="submit"
+          variant="contained"
+          color="primary"
+          disabled={isSubmitting}
+        >
+          Submit
+        </Button>
+      </Form>
+    )}
+  </Formik>
+);
+```
+
+#### Custom Date Format
+
+```tsx
+<FormDateTextField
+  name="appointmentTime"
+  label="Appointment Time"
+  format="dddd, MMMM D, YYYY h:mm A"
+  helperText="Example: Monday, January 1, 2023 2:30 PM"
+  required
+/>
+```
+
+#### Disabled State
+
+```tsx
+<FormDateTextField
+  name="purchaseDate"
+  label="Purchase Date"
+  value="2023-05-15"
+  disabled
+  helperText="This field cannot be modified"
+/>
+```
+
+#### With Error State
+
+```tsx
+<FormDateTextField
+  name="expiryDate"
+  label="Expiry Date"
+  error={!!errors.expiryDate && touched.expiryDate}
+  helperText={touched.expiryDate && errors.expiryDate}
+  format="MM/DD/YYYY"
+  required
+/>
+```
+
 ## FormMaskField
 
 A flexible form field component with advanced text masking capabilities.

package/dist/controls/FormDateField/FormDateField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormDateField.d.ts","sourceRoot":"","sources":["../../../src/controls/FormDateField/FormDateField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAS,MAAM,QAAQ,CAAC;AAC3C,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAMrC,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,sCAAsC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,GAAG,IAAI,EACnB,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;QAC/B,cAAc,EAAE,MAAM,CAAC;KACxB,KACE,IAAI,CAAC;IAEV,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,MAAM,2BAA2B,GAAG,UAAU,GAClD,cAAc,GACd,kBAAkB,CAAC;AAErB,eAAO,MAAM,aAAa,GAAI,OAAO,2BAA2B,4CAsG/D,CAAC"}
+{"version":3,"file":"FormDateField.d.ts","sourceRoot":"","sources":["../../../src/controls/FormDateField/FormDateField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAS,MAAM,QAAQ,CAAC;AAC3C,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAMrC,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,sCAAsC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,GAAG,IAAI,EACnB,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;QAC/B,cAAc,EAAE,MAAM,CAAC;KACxB,KACE,IAAI,CAAC;IAEV,2DAA2D;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,MAAM,2BAA2B,GAAG,UAAU,GAAG,cAAc,GAAG,kBAAkB,CAAC;AAE3F,eAAO,MAAM,aAAa,GAAI,OAAO,2BAA2B,4CAsG/D,CAAC"}

package/dist/controls/FormDateTextField/FormDateTextField.d.ts

@@ -0,0 +1,45 @@
+import { TextFieldProps } from '@mui/material';
+import { FieldProps } from 'formik';
+import { Dayjs } from 'dayjs';
+export interface FormDateTextFieldProps {
+    /**
+     * Date format string for display
+     * Uses dayjs format tokens (e.g., 'YYYY-MM-DD', 'DD/MM/YYYY')
+     * Default: FORM_DATE_FORMAT.long
+     */
+    format?: string;
+    /**
+     * Whether the field is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Whether the field is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Custom class name for the root element
+     */
+    className?: string;
+    /**
+     * Helper text to display below the field
+     */
+    helperText?: string;
+    /**
+     * Error state of the field
+     */
+    error?: boolean;
+    /**
+     * Custom onChange handler
+     */
+    onChange?: (value: Dayjs | null) => void;
+    /**
+     * Custom onBlur handler
+     */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+}
+type FormDateTextFieldComponentProps = FormDateTextFieldProps & FieldProps & Omit<TextFieldProps, 'value' | 'onChange' | 'onBlur' | 'name' | 'defaultValue' | 'onError' | 'onFocus' | 'InputProps' | 'slots' | 'slotProps'>;
+export declare const FormDateTextField: ({ field, form, format, disabled, required, className, helperText, error, onChange, onBlur, ...props }: FormDateTextFieldComponentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FormDateTextField.d.ts.map

package/dist/controls/FormDateTextField/FormDateTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDateTextField.d.ts","sourceRoot":"","sources":["../../../src/controls/FormDateTextField/FormDateTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAS,MAAM,QAAQ,CAAC;AAC3C,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAMrC,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC9D;AAED,KAAK,+BAA+B,GAAG,sBAAsB,GAC3D,UAAU,GACV,IAAI,CACF,cAAc,EACZ,OAAO,GACP,UAAU,GACV,QAAQ,GACR,MAAM,GACN,cAAc,GACd,SAAS,GACT,SAAS,GACT,YAAY,GACZ,OAAO,GACP,WAAW,CACd,CAAC;AAEJ,eAAO,MAAM,iBAAiB,GAAI,uGAY/B,+BAA+B,4CA0CjC,CAAC"}

package/dist/controls/FormDateTextField/date.d.ts

@@ -0,0 +1,13 @@
+export declare const DATE_PICKER_DATE_FORMAT: {
+    short: string;
+};
+export declare const FORM_DATE_FORMAT: {
+    short: string;
+    long: string;
+    custom: string;
+};
+export declare const DATE_PICKER_MONTH_YEAR_FORMAT: {
+    short: string;
+    long: string;
+};
+//# sourceMappingURL=date.d.ts.map

package/dist/controls/FormDateTextField/date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../src/controls/FormDateTextField/date.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;CAEjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;CAGzC,CAAC"}

package/dist/controls/FormMaskField/FormMaskField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormMaskField.d.ts","sourceRoot":"","sources":["../../../src/controls/FormMaskField/FormMaskField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAS,MAAM,QAAQ,CAAC;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAS9D,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE;QACL,MAAM,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;YACd,UAAU,EAAE,MAAM,CAAC;YACnB,QAAQ,EAAE,MAAM,CAAC;SAClB,CAAC;KACH,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KACpC,IAAI,CAAC;IAEV,4DAA4D;IAC5D,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,iDAAiD;IACjD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,2BAA2B,GAAG,UAAU,GAClD,cAAc,GACd,kBAAkB,CAAC;AAErB,eAAO,MAAM,aAAa,GAAI,OAAO,2BAA2B,4CAmI/D,CAAC"}
+{"version":3,"file":"FormMaskField.d.ts","sourceRoot":"","sources":["../../../src/controls/FormMaskField/FormMaskField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAS,MAAM,QAAQ,CAAC;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAI9D,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE;QACL,MAAM,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;YACd,UAAU,EAAE,MAAM,CAAC;YACnB,QAAQ,EAAE,MAAM,CAAC;SAClB,CAAC;KACH,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KACpC,IAAI,CAAC;IAEV,4DAA4D;IAC5D,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,iDAAiD;IACjD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,2BAA2B,GAAG,UAAU,GAAG,cAAc,GAAG,kBAAkB,CAAC;AAE3F,eAAO,MAAM,aAAa,GAAI,OAAO,2BAA2B,4CA8H/D,CAAC"}

package/dist/controls/FormTextField/FormTextField.d.ts

@@ -0,0 +1,10 @@
+import { FieldProps } from 'formik';
+import { TextFieldProps } from '@mui/material';
+export interface FormTextFieldProps extends FieldProps, Omit<TextFieldProps, 'name' | 'value' | 'onChange' | 'onBlur'> {
+    /** Custom onChange handler that will override Formik's default */
+    onChange?: (value: any) => void;
+    /** Custom onBlur handler that will override Formik's default */
+    onBlur?: (e: React.FocusEvent<any, Element>) => void;
+}
+export declare const FormTextField: (props: FormTextFieldProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormTextField.d.ts.map

package/dist/controls/FormTextField/FormTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextField.d.ts","sourceRoot":"","sources":["../../../src/controls/FormTextField/FormTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAS,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,cAAc,EAA0B,MAAM,eAAe,CAAC;AAEvE,MAAM,WAAW,kBAAmB,SAAQ,UAAU,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;IACpH,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAEhC,gEAAgE;IAChE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAyBtD,CAAC"}

package/dist/index.d.ts

@@ -2,4 +2,6 @@ export { FormMaskField, type FormMaskFieldProps, } from './controls/FormMaskFiel
 export { createMask, applyMask, removeMask, generatePlaceholder, type MaskConfig, } from './controls/FormMaskField/FormMaskFiledUtils';
 export { FormDateField, type FormDateFieldProps, } from './controls/FormDateField/FormDateField';
 export { FormCheckboxField, type FormCheckboxFieldProps, } from './controls/FormCheckboxField/FormCheckboxField';
+export { FormDateTextField, type FormDateTextFieldProps, } from './controls/FormDateTextField/FormDateTextField';
+export { FormTextField, type FormTextFieldProps, } from './controls/FormTextField/FormTextField';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,KAAK,UAAU,GAChB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,gDAAgD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,KAAK,UAAU,GAChB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,gDAAgD,CAAC;AAExD,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,gDAAgD,CAAC;AACxD,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,wCAAwC,CAAC"}