roggervalf / react-appointment-picker Goto Github PK

Is it possible to use custom component in the rendering of the appointment - like with custom hovers,styles, etc?

Thanks

After using the example code, I receive this error message:

Attempted import error: 'react-appointment-picker' does not contain a default export (imported as 'AppointmentPicker').
"react": "^17.0.1",
"react-appointment-picker": "^3.0.0",

Hi There,
This component works perfectly on the Chrome, Firefox mobile emulators perfectly.
But when i check it on the real mobile device it is showing as Invalid date.
My gut feeling is it is due to you are using normal date object whereas IOS specifically needs ISO date format. Can you please look into this?

Hi. i have problem to change locale setting. ```
` useEffect(() => {
if (date != null) {
const initialDate = new Date(
date.getFullYear(),
date.getMonth(),
date.getDate(),
15,
0,
0
);

  console.log("getting appointments");
  getAppointmentDays(date).then((days) => {
    setAppointment(
      <AppointmentPicker
        addAppointmentCallback={addAppointmentCallbackContinuousCase}
        removeAppointmentCallback={removeAppointmentCallbackContinuousCase}
        initialDay={initialDate}
        days={days}
        maxReservableAppointments={1}
        visible
        selectedByDefault
        unitTime={3600000}
        loading={loading}
        continuous
        locale={tr}
        
           />
    );
  });
}

}, [date, loading]);`

` return (
    <Container fluid>
      <Row>
        <Col xs={7} md={6}>
          <DayPicker
            locale={tr}
            weekStartsOn={1}
            mode="single"
            selected={date}
            onDayClick={(date) =>
              setDate(new Date(date.getTime() + 180 * 60 * 1000))
            } // utc saat ayarı çok uğraştık sonunda bulduk
            // modifiers={modifiers}
          />
        </Col>
        <Col xs={5} md={6}>
          {appointment}
        </Col>
        <button id="save-button">Publish</button>
      </Row>
    </Container>
  );`
data picker changed to local but appointmen picker doesn't change.
i want to change 24 h and yyyy-mm-dd date format. How can i do it? 

Hi. i add date picker in my code but i change days appoinment picker begins 12.00 Am. How can i fix it?

https://codesandbox.io/s/magical-cray-kfrz8l?file=/src/App.js

how can i change 24 hours style

Hi,

I'm facing issue with selectedByDefault when using functional components.
I'm fetching the data using useContext hook, and setting days prop with useEffect, The isSelected dosen't affected in picker.

The isReserved works fine.

Could be an option, like if we set the maxReservableAppointments to 0, that only one appoitment is acceptable, when we click on another apointment, it automaticallys remove the first one.
I was trying to made that change, but I'm still too newbie in JS.

Thanks!

Hi Roger,
Thanks for the component. It really fits the bill for my app.
Below is not an issue but more of requests.

1. Is it possible to pass the start time of the schedule via parameter? not always starting at 9
2. Is it possible to have prev and next button, with which user can view data for next week or prev week?

Thanks much
Vikram

Hi! The unitTime prop is declared, documented, but never actually referenced in the project: am I missing something?
Here are the search results in this repository for said identifier:
https://github.com/roggervalf/react-appointment-picker/search?q=unitTime

It looks like the peer dependencies are currently set to React 16 - could we change this to support React 17 and 18 as well?