different-roads-booking-form

You can clone it and step by step create your own NPM package and publish it.

Reusable form for different roads.

Installation:

npm install different-roads-booking-form --save-dev

or

yarn add -D different-roads-booking-form

Usage :

Add PassangerForm to your component:

import React from 'react'
import ReactDOM from 'react-dom/client'
import { PassangerForm, Summary, BookingFlight } from 'different-roads-booking-form'

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
root.render(
    <React.StrictMode>
        <div>
            <PassangerForm
              setAnyError={setAnyError}
              room={room}
              roomIndex={key}
              key={'room-settting-' + key}
              updateTraveler={updateTravelerReservationsFields}
              reservationFields={reservationFields}
              travelers={state.travelers}
              submitExecute={submitExecute}
              setSubmitExecute={setSubmitExecute}
            />
            <Summary
              tour={tour}
              travelers={transformTravelers(node_travelerproduct)}
              node_deadline={orderNodeDeadline(node_deadline)}
              node_payment={node_payment}
            />
            <BookingFlight 
              flight={state.flight as Flight}
              period={state.flight?.period as Period}
            />
        </div>
    </React.StrictMode>,
)