Stack Overflow
Stack Overflow

Questions tagged [react-native-calendars]

128 questions
0
votes
1 answer

Update child component props from Parent component react native

I want to update child component props from Parent component my senarios is I have one component which I am passing one array list which is come from API response so below is my code
Harshal Kalavadiya
  • 2,412
  • 4
  • 38
  • 71
0
votes
1 answer

React Native calendar with multi dots and period marking style

I want to make calender view with period and multi dots marking style combination with react-native-calender as below image Calendar Image so anybody suggests me how i can achieve this ?
Harshal Kalavadiya
  • 2,412
  • 4
  • 38
  • 71
0
votes
0 answers

how can i create modal page in function?

Calendar/index.js constructor(props) { this.state = { CalendarModalVisible: false }; } toggleCalendarModal = () => { this.setState({ CalendarModalVisible: !this.state.CalendarModalVisible }); } setModalPage = () => { return(
리다라규
  • 1
  • 1
0
votes
1 answer

React native calendar missing day of the month

https://raw.githubusercontent.com/wix/react-native-calendars/master/demo/calendar.gif The gif abow show the content of react-native calendar. As you can see, it's have only 5 line therefore some month will miss someday. is there anyway to make the…
Phaoga55
  • 71
  • 1
  • 11
0
votes
1 answer

react-native-calendar re-renders to the current month every time I invoke OnDayPress

I'm using react-native-calendar and when I invoke onDayPress by clicking on a date, the calendar jumps to the current month. What I mean is let's say I click on November 12th, the calendar jumps to October, which is the current month. export…
Kevvv
  • 3,655
  • 10
  • 44
  • 90
0
votes
1 answer

How to dynamically change the date for the date key in the items prop for react-native-calendars

I am trying to change the date in the items prop for react native calendars. From the docs, it shows that it requires a date string as a key which then requires an array of objects to display for that particular date. Something like this.
Michael
  • 139
  • 1
  • 12
0
votes
1 answer

react-native-calendars: Render count of events instead of a dot in markedDates

Is it possible to render the count of events in each day instead of a dot in react-native-calendars Agenda? Say, I've 2 events for a day, then the number 2 should show up under that date. Any example would be appreciated.
bright
  • 3
  • 3
0
votes
2 answers

How to set multiple selected date colors in react native calendars?

I am using react-native-calendars in my project.I am trying to select multiple dates and trying to change its colors.When I consoled the selected dates I'm getting the selected dates. But I am not able to change its color.Any help is really…
Linu Sherin
  • 1,712
  • 7
  • 38
  • 88
0
votes
1 answer

Use componentDidUpdate to dynamically change selected date in React component

I need to change the selectedDay to the current day every time the user navigates to the calendar screen. I set the selected date as today and can already detect when the user acesses the screen, but even when I change the state or force update, the…
Danniel Rodrigues
  • 3
  • 4
0
votes
0 answers

react-native-calendar : How to select limited number of days

I am using react-native-calendars for my project. I am able to select days ON/OFF. However, I want user to have limitation when selecting days. So I want to let users to pick up to 3 days. If more than 3days are selected, disable the selected…
kirimi
  • 1,370
  • 4
  • 32
  • 57
0
votes
1 answer

Don't want to select date react-native-calendars Agenda

native app and using Agenda of react-native calendars. I am using knob to open agenda as shown in the gif https://raw.githubusercontent.com/wix/react-native-calendars/master/demo/agenda.gif but if user don't want to select or want to cancel this…
Ahtesham Shah
  • 243
  • 2
  • 7
  • 31
0
votes
2 answers

How to dynamically populate markedDates object in React Native Calendars?

Based on the React-Native-Calendars documentation, here's the test codes with hard-coded markedDates that show the dot(s) on the calendar: const FirstDot = { key: 'First', color: 'blue' }; const SecondDot = { key: 'Second', color: 'blue'…
Mochi08
  • 167
  • 3
  • 15
0
votes
1 answer

React-Native Calendars: Pass date into custom function when a day is pressed

Using a calendar from React-Native Calendars, I just want to be able to pass the date (maybe as a dateString) into a function when a day is pressed. Here is my code: import React, {Component} from 'react'; import {View, Text, Button, ScrollView}…
W. Robarts
  • 141
  • 1
  • 3
  • 17
0
votes
2 answers

react-native: send complete STATE from one component to another?

I have a Reminder component comprising of a form where I am storing text and date onClick of a button using AsyncStorage. Now, I want to display this stored data in Agenda Component. I am using Agenda component from react-native-calendars library…
Nauman
  • 894
  • 4
  • 14
  • 45
0
votes
1 answer

React Native: Add an icon in header in React Native Calendars

I am looking for a way to add an icon on the right side in the header and use that icon to toggle between month view and week view. I am using CalendarList component for month view and Agenda component for weekly view. I am using this library…
Nauman
  • 894
  • 4
  • 14
  • 45
1 2 3
…
8
9