Ion input type date weird behavior in ios

want to know what causing this and how to fix it

<IonRow>
              <IonCol
                className="dateInput-cont"
                size="6"
                style={{ padding: " 0 4px 0 0 " }}
              >
                <IonLabel className="label">Start Date</IonLabel>
                <div className="">
                  <IonItem className="input-cont" lines="none" color={"light"}>
                    <IonInput
                      mode="md"
                      type="date"
                      onIonChange={(e) => setStartDate(e.detail.value!)}
                    />
                  </IonItem>
                </div>
              </IonCol>
              <IonCol
                className="dateInput-cont"
                size="6"
                style={{ padding: "0 0 0 4px" }}
              >
                <IonLabel className="label">End Date</IonLabel>
                <div className="">
                  <IonItem className="input-cont" lines="none" color={"light"}>
                    <IonInput
                      mode="md"
                      type="date"
                      onIonChange={(e) => setEndDate(e.detail.value!)}
                    />
                  </IonItem>
                </div>
              </IonCol>
            </IonRow>

ionic/react": “^7.0.5”,
capacitor/core": “^5.0.0”,

1 post - 1 participant

Read full topic