Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

BUG: Cant Costumize width timetable #345

Open
sushitrash06 opened this issue May 28, 2024 · 2 comments
Open

BUG: Cant Costumize width timetable #345

sushitrash06 opened this issue May 28, 2024 · 2 comments
Labels
type: feature enhancements or new features

Comments

@sushitrash06
Copy link

Bug description:
I'm unable to customize the width of the columns in the timetable. When I try to display a week view, only 6 days are shown because the last day is getting cut off.

Visual demo:
Screenshots, videos or gifs to help explain your problem

Code to reproduce

<WeekView
          windowSize={21}
          initialNumToRender={50}
          timesColumnWidth={40}
          hoursInDisplay={20}
          events={events}
          onGridClick={createSomeNewEvent}
          fixedHorizontally={true}
          showTitle={false}
          numberOfDays={7}
          formatDateHeader="ddd"
          formatTimeLabel="HH"
          pageStartAt={{weekday: 0, left: 1}} // Start from Monday (weekday: 1)
          selectedDate={new Date()}
          onEventPress={handlePressEvent}
          onDragEvent={(event, newStartDate, newEndDate) =>
            updateEvent(event, newStartDate, newEndDate)
          }
          editingEvent={editingEventId}
          editEventConfig={EDIT_EVENT_CONFIG}
          headerStyle={{borderColor: 'transparent'}}
          headerTextStyle={{color: 'white', fontSize: 11}}
          hourTextStyle={styles.hourText}
          gridColumnStyle={{
            borderColor: '#383838',
          }}
          gridRowStyle={{
            borderColor: '#383838',
          }}
        />

Environment:

Important: using your own fork makes this more difficult to reproduce and solve. We recommend trying with the latest week-view version.

  • react-native-week-view: version X
  • react-native-gesture-handler: version X
  • react-native-reanimated: version X
  • react-native: version X
  • react: version X
  • OS: android / iOS

Additional context (optional):

  • Error message or traceback (if any)
  • Steps to reproduce
  • ...
@pdpino pdpino added the type: feature enhancements or new features label Jun 2, 2024
@pdpino
Copy link
Collaborator

pdpino commented Jun 2, 2024

The width cannot be configured at the moment

@sushitrash06
Copy link
Author

The width cannot be configured at the moment

can i set end date to show, example i just want to showing 03 - june 2024 until 09 - june - 2024 ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: feature enhancements or new features
Projects
None yet
Development

No branches or pull requests

2 participants