How to do multiple forward method?

[jame-earnin]

How to do multiple forward method?

const schema = pipe(
  object({
    dates: object({ start: any(), end: any() }), // TODO:
    type: picklist(TYPES.map((type) => type.value)),
    hours: picklist(HOURS.map((h) => h.value)), // TODO:
    timeFrame: picklist(TIME_FRAMES.map((h) => h.value)), // TODO:
    startTime: any(), //optional(string()), // TODO:
    endTime: any(), //optional(string()), // TODO:
    note: string(), // TODO:
  }),
  forward(
    partialCheck(
      [['startTime'], ['endTime']],
      (input) => {
        if (!input.startTime || !input.endTime) {
          return true
        }
        return parseAMPMTime(input.endTime) > parseAMPMTime(input.startTime)
      },
      'End time must be after start time',
    ),
    ['endTime'],
  ),
  forward(
    partialCheck(
      [['startTime'], ['endTime']],
      (input) => {
        if (!input.startTime || !input.endTime) {
          return true
        }
        return parseAMPMTime(input.endTime) > parseAMPMTime(input.startTime)
      },
      'End time must be after start time',
    ),
    ['startTime'],
  ),
)

I use with react-hooks-form. It does not trigger the error with the startTime.

[jame-earnin]

I did add console.log

const schema = pipe(
  object({
    dates: object({ start: any(), end: any() }), // TODO:
    type: picklist(TYPES.map((type) => type.value)),
    hours: picklist(HOURS.map((h) => h.value)), // TODO:
    timeFrame: picklist(TIME_FRAMES.map((h) => h.value)), // TODO:
    startTime: any(), //optional(string()), // TODO:
    endTime: any(), //optional(string()), // TODO:
    note: string(), // TODO:
  }),

  forward(
    partialCheck(
      [['startTime'], ['endTime']],
      (input) => {
        if (!input.startTime || !input.endTime) {
          return true
        }
        console.log('input endTime', input) // <---
        return parseAMPMTime(input.endTime) > parseAMPMTime(input.startTime)
      },
      'End time must be after start time',
    ),
    ['endTime'],
  ),
  forward(
    partialCheck(
      [['startTime'], ['endTime']],
      (input) => {
        if (!input.startTime || !input.endTime) {
          return true
        }
        console.log('input startTime', input) // <---
        return parseAMPMTime(input.endTime) > parseAMPMTime(input.startTime)
      },
      'End time must be after start time',
    ),
    ['startTime'],
  ),
)

it does not log console.log('input startTime', input) when form changes.

[muningis]

Playground link

How does your react-hook-form setup looks like? Does it validate all fields, or no?
https://github.com/react-hook-form/resolvers/blob/master/valibot/src/valibot.ts#L80C9-L80C23

Because, by default it's firstError -> https://react-hook-form.com/docs/useform#criteriaMode