Questions tagged [react-native-calendars]

128 questions
1
vote
0 answers

How to open/close ExpandableCalendar of react-native-calendars programmatically?

I want to open/close ExpandableCalendar programmatically. I found there's only an initialPosition prop. It's not working when changing initialPosition. So I tried to use ref and call setPosition() function of ExpandableCalendar export const MyScreen…
Allen Shaw
  • 1,164
  • 7
  • 23
1
vote
1 answer

How to properly map data?

I'm working on a calendar app, which has an Agenda from "react-native-calendars". To display dates it needs the following: items={{'2012-05-22': [{name: 'item 1 - any js object'}], ...}} In my firebase backend I'm storing the start and end day of…
1
vote
1 answer

React Native Calendar - Agenda not updating even when state updates

Agenda doesn't update even when new data are added. Only when the app is reloaded it updates. Here is my code: const CalendarScreen = () => { const list = useSelector((state) => state.getTodo.list); const [items, setItems] = useState({}); const…
1
vote
0 answers

Customize event rendering in react-native-calendars?

I'm building an app and am using react-native-calendars. I'm wanting to add the event name and an image/icon to the event that spans across multiple days. Something similar to this: How can I do this using react-native-calendars?
Dev01
  • 13,292
  • 19
  • 70
  • 124
1
vote
0 answers

Implement recuring dates in react native and firebase firestore

I use react native calendar wix and firebase firestore to save events from calendar. I need to implement recurring dates (events repeat every Monday in the week). There is package https://github.com/jakubroztocil/rrule. If I understood correctly, I…
1
vote
1 answer

React native calendar

I am trying to implement react native calendar agenda with marked dates and items dynamically from Firebase. I am not sure how to create the array required for this display. Below code gets data from firebase but I need to display the same. Please…
Fast Source
  • 131
  • 1
  • 3
  • 10
1
vote
2 answers

Calendar marking react-native-calendars

How do I get new markings to show up when the user clicks a date? I'm sure I'm just missing some reference in documentation, but I would appreciate a pointer in the right direction. I'm using the library react-native-calendars…
Qrow Saki
  • 932
  • 8
  • 19
1
vote
0 answers

react-native-calendars Update CalanderList start month on state change

In the date picker below, selecting a date is not updating the calendar list start month. I'm trying to make it so that when you select a value on the date picker, the start month is updated. Import Statements: import {Calendar, CalendarList,…
Cirff
  • 63
  • 1
  • 7
1
vote
1 answer

How to change moment config globally

i use react-native calendars which config the moment like so: LocaleConfig.locales["he"] = { monthNames: [ "ינואר", "פברואר", "מרץ", "אפריל", "מאי", "יוני", "יולי", "אוגוסט", "ספטמבר", "אוקטובר", …
1
vote
0 answers

How to add events to an in app calendar using React-Native-Calendar?

I have built an in app calendar using react-native calendar, and I want the user to be able to add or delete appointments to the calendar, but cannot figure this part out. The user will be allowed to schedule up to a week in advance. How should I go…
MK_Pierce
  • 916
  • 2
  • 10
  • 26
1
vote
1 answer

Is it possible to forward subtractMonth() function of react native calendars to a different component like a button?

I'm building a calendar page for an app and want the month and month change arrows to be displayed next to the calendar rather than on top of it. So I have removed the header component created a View component next to it. However I am unable to…
Sankomil
  • 55
  • 1
  • 7
1
vote
2 answers

React Native change calendar height

I'm trying to make a page with a calendar and some other stuff under it. I'm using wix/react-native-calendars and I can't change the height of the calendar. When I put the height I'd like it to be it just cut the calendar instead.
Max
  • 17
  • 1
  • 5
1
vote
0 answers

ExpendableCalendar is not expended on iOS, react native calendars

I have integrated ExpendableCalendar of react-native-calendars and it's expended and close properly on android but not working on iOS. It's not scrolling up or down on iOs. This is the code I have added::
Archana Sharma
  • 1,953
  • 6
  • 33
  • 65
1
vote
2 answers

JSON value of type NSMutableArray cannot be converted to NSString

Description I've just installed the module and implemented the sample example, in Android, it is working fine but I'm getting an issue on iOS. When I'm dismissing the error by clicking on Dismiss, it is working for me. I'm also attaching the sample…
yehia emad
  • 11
  • 1
  • 6
1
vote
1 answer

How to set date on scrolling the Week Calendar in react-native-calendars package

I am trying to use WeekCalendar from react-native-calendars package. I am able to view the WeekCalendar and scroll it. However, I want that on horizontal scroll - the currentDate should be updated to date in that current week and should be updated…
j10
  • 2,009
  • 3
  • 27
  • 44
1 2
3
8 9