Questions tagged [react-native-calendars]

128 questions
0
votes
1 answer

React native push is not a function

My original data looks like this : Array [ Array [ Object { "Date": "Sun Mar 24 14:08:34 2021", "customer_name": "Test name 1", "customer_paid": 66, }, ], Array [ Object { "Date": "Sun Mar 21 14:08:34…
0
votes
1 answer

how can I convert react-native data?

// i have to change my data to this form items={{ '2021-04-20': [{name: 'item 1 - any js object'}], '2012-04-21': [{name: 'item 2 - any js object'}] }} I am trying to show data below using react-native calendar library's agenda. And agenda needs…
0
votes
1 answer

Keyboard is being dismissed on outside touch and onPress() is not working for the first time

I am using Agenda from wix/react-native-calendars. In my container, I have one button,on click of which opens Modal and one TextInput from native-paper. When I click the button when keyboard is opened onPress() of button is not working but when I…
0
votes
1 answer

ReactNative Agenda not rendering any items

I am using the Agenda from wix/react-native-calendars in my code. The problem is its not showing any items the way its intended to show on the screen. I don't know where I am going wrong. I have been trying to figure out the solution but nothing…
0
votes
1 answer

React Native grid calendar that looks like Google Calendar's Month view

I want to add grid calendars to my React Native application, which should look like the Month view in Google Calendar (the left image). I have searched for the libraries and found React Native Calendar but as far as I can see, it can only give me…
0
votes
2 answers

how can I declare local config from another file in react-native-calendars

The truth is that this problem came back to me in some cases. In this case I want to declare the LOCAL CONFIG OBJECT from another file (for code cleaning) but do not know how to do it. Can I have an explanation please? My situation at the moment is…
Roei Grinshpan
  • 395
  • 1
  • 5
  • 19
0
votes
1 answer

Using react-native-calendars, how to update 'markedDates' prop from redux state?

I would like to use react-native-calendars to highlight events with 'markedDates'. What I am trying to do is the following: Calender renders first time with current month --> dispatch redux action to update the redux state with the dates for…
0
votes
0 answers

How to remove the line divider in the 'react-native-calendar-picker' after selecting a date range

I'm implementing the allowRangeSelection in https://www.npmjs.com/package/react-native-calendar-picker but the problem is the vertical line divider is present between the Tuesday, Wednesday and Thursday ,Friday when selecting a range date as seen in…
0
votes
2 answers

react-native-calendars moved 1 day forward

At the time of creating the post, it was Friday 30th. For some reason, my calendar displays this day as Saturday: enter image description here My Calendar code:
0
votes
1 answer

React Native Calendars : How to change the background color of only one item using Redux

I'm trying to change the background of only one item in this agenda but with my code, when I click on an item, it changes the background color of all of them and not just the one I clicked : Before clicked after clicked. I want also to store the…
Hadrien Jaubert
  • 154
  • 1
  • 3
  • 11
0
votes
1 answer

Need help in displaying React native calendar events

I am a bit new to react native and been messing around with JSON for some time. I want to display my json data with a calendar event view. I need help in passing activity_periods data to the calendar for each user. Here is my Json file data : { …
0
votes
1 answer

React Native Calendars : How to change the background of only one item in an agenda?

I'm trying to change the background of only one item in this agenda but with my code, when I click on an item, it changes the background color of all of them and not just the one I clicked : screen before clicking on item screen after clicking The…
Hadrien Jaubert
  • 154
  • 1
  • 3
  • 11
0
votes
1 answer

react-native-calendars ExpandableCalendar not worknig propely with RTL in react native

I'm trying to use ExpandableCalendar from https://github.com/wix/react-native-calendars my App set to RTL ReactNative.I18nManager.allowRTL(true); ReactNative.I18nManager.forceRTL(true); when the calendar is expanded and I'm trying to change the…
0
votes
1 answer

How to count selected days in react-native-calendars?

I have an issue. For my react-native project I use react-native-calendars, I need to be able to count number of selected days in calendar. I read docs for this library, but I don't found the solution. Does anyone know how to do this?  
ghvbty
  • 21
  • 3
0
votes
1 answer

Styling the day container background

Is there anyway to style the day header container's background with react-native-calendars? I've checked the stylesheet and can't find anyway to change the color apart from changing the color of the entire background which I don't want to do.
Wiliam Cardoso
  • 434
  • 1
  • 8
  • 23
1 2 3
8 9