@engagebay/engagebay-form-module 1.0.2-beta.6 → 1.0.2-beta.8

package/README.md

@@ -124,22 +124,3 @@ const fieldSchema: FormFieldSchema = {
 
 - **`FormFieldPatternsImpl`**  
   Class providing validation patterns and messages for fields (e.g., `REQUIRED`, `EMAIL`, `URL`).
-
----
-
-## Context and providers (this package only)
-
-These contexts are used **inside this package** (and by other packages in the eb-ui-components repo that depend on it). Consuming applications (other projects) have their own context trees and may wrap this package differently.
-
-- **FormContext** — Provided by `<Form>`. Required for all field components used via `FormField` / `FormFields` (they use `useContext(FormContext)`).
-- **AxiosConfigProvider** — Optional. Only needed for components that call APIs (e.g. dynamic options). Use `useAxiosConfig()` or `useAxiosConfigOptional()`.
-
----
-
-## Implementing base components (this package)
-
-When adding or changing form field components **in this package**:
-
-- **Form-context components** — Must run inside `<Form>`. Use `useContext(FormContext)` for `register`, `setValue`, `control`, `errors`, etc. Register the component in `FormFieldUtils.ts` and export it from the package’s main entry (`index.js`).
-- **Context-free components** — If a component does not need form or API context, note it in JSDoc (e.g. “Does not require FormContext”).
-- **New contexts** — If you add a new React context in this package, document it in this README and list which components use it.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@engagebay/engagebay-form-module",
-    "version": "1.0.2-beta.6",
+    "version": "1.0.2-beta.8",
     "description": "Provide base form components to reacho",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1"

package/src/form/formfields/DatePickerField.tsx

@@ -35,14 +35,28 @@ const DatePicker: React.FC<FormFieldComponentPropSchema> = (
   let hookProps = formContext.register(props.fieldConfig.name, registerOptions);
 
   function getInput() {
+    const rawStart =
+      initialDate?.startDate ||
+      props.fieldConfig.defaultValue ||
+      "";
+    const rawEnd =
+      initialDate?.endDate ||
+      props.fieldConfig.defaultValue ||
+      "";
+    const toDate = (v: string | Date | null | undefined): Date | null => {
+      if (v == null || v === "") return null;
+      return moment(v).isValid() ? moment(v).toDate() : null;
+    };
+    const value = {
+      startDate: toDate(rawStart),
+      endDate: toDate(rawEnd),
+    };
+    // Calendar opens on selected date's month/year (must be a Date instance)
+    const startFrom = value.startDate instanceof Date ? value.startDate : new Date();
     return (
       <Datepicker
-        value={
-          initialDate || {
-            startDate: props.fieldConfig.defaultValue,
-            endDate: props.fieldConfig.defaultValue,
-          }
-        }
+        value={value}
+        startFrom={startFrom}
         {...hookProps}
         placeholder={
           props.fieldConfig.placeholder
@@ -53,13 +67,7 @@ const DatePicker: React.FC<FormFieldComponentPropSchema> = (
         popoverDirection="down"
         useRange={false}
         inputName={props.fieldConfig.name}
-        key={
-          props.fieldConfig.name +
-          "_" +
-          initialDate.startDate +
-          "_" +
-          initialDate.endDate
-        }
+        key={props.fieldConfig.name + "_" + rawStart + "_" + rawEnd}
         containerClassName={"relative"}
         minDate={props.fieldConfig.minDate}
         maxDate={props.fieldConfig.maxDate}

package/src/form/formfields/Typeahead2.tsx

@@ -86,7 +86,7 @@ const Typeahead2: React.FC<FormFieldComponentPropSchema> = (
         const controller = new AbortController();
         abortControllerRef.current = controller;
 
-        if (!_query || _query.length < 3) {
+        if (!_query || (props.fieldConfig.allowedMinQueryLength && _query.length < props.fieldConfig.allowedMinQueryLength) || _query.length < 3) {
           setListOptions([]);
           setLoading(false);
           return;

package/src/form/schema/FormFieldSchema.ts

@@ -136,6 +136,7 @@ export type FormFieldSchema = {
     icon?: ReactNode;
     outputFormat?: OutputFormatType;
     isMultiple?: boolean;
+    allowedMinQueryLength?: number;
     children?: FormFieldSchema[];
     defaultOptions?: FieldOptionsSchema[];
     optionsConfig?: OptionMappingConfig;