React Native DatePicker NativeBase - How to disable specific dates - react-native

Is it possible to disable specific dates using the DatePicker of NativeBase in React Native? I looked in the docs, and only found that is possible to specify a minimumDate and minimumDate, but I'm trying to disable some dates in this interval. Thanks!

Related

How to use #react-native-community/datetimepicker with textinput field with validation in react native

I refer this docs https://www.npmjs.com/package/#react-native-community/datetimepicker
I try to implement this in react native with textinput but I don't know how to achieve this, actually I am new in react native pls any one guide me.
I need to add DOB field in registration using datepicker and also user can type dob in textinput with validation pls help, thanks in advance.

RN Picker.Item doesn't have accessibility label when opened in Appium

I am using React Native picker (#react-native-community/picker) to create picker fields in react native.
Now after building the APK, I ran the app in Appium. My aim is to using Appium to select the picker items. For that I need accessibilityId. So, I passed accessibilityLabel in Picker and Picker.Item.
But when I am inspecting the items I can't find any accessibilityId.
I want to perform the click operations and create test script, and I don't want to use the XPath. That's why I want accessibilityId. Is there any way to make accessibilityId available to Picker Items? Or is there any way to select these items and do click operations?
In your react code try to add accessibilityLabel in some kind of tag that generates native "View" tag in android. You can try wrap this picker element in <TouchableOpacity> and then add the label.
<TouchableOpacity accessibilityLabel="picker-mr">

How can i do custom date picker in react-native

I had used date time picker in react native, but I want to do in my custom UI for the date picker. How can I do it?
I want to do as shown in below image in both android and IOS
Follow the below steps.
Use new Date API to get Date, Month and Years store them in array.
then display in row so three are side to each other.
Hide Top and Bottom Portion View Using overflow hidden
That is it you can generate a Date Picker like you side.
You can get that look by using the react-native-date-picker library and the following code:
<DatePicker
date={date}
onDateChange={setDate}
mode="date"
/>

implement datetimepicker to vuetify

I want to using datetimepicker from xdan https://github.com/xdan/datetimepicker. Because it suits my needs. but My problem is I use vue. More precisely vuetify https://vuetifyjs.com/en/. i want to implement that. but I doubt if it can be done. so I'm asking here to ask for opinions
Is the datepicker from xdan can be entered into vuetify? or maybe in vuetify there are such components?
You can use this component.
It uses vuetify datepicker and timepicker.
https://www.npmjs.com/package/vuetify-datetime-picker

draft js rich text editor support react native?

First, I do not speak English well.
I would like to add draft-js rich-text-editor to react-native.
However, when I browse the materials, I have difficulties because of the only data related to react.
Can not add draft-js in react-native?
I do not want to add draft-js-render.
I want to add a text-editor.
The component we use in the resume.com React Native app is the react-native-pell-rich-editor component, which was the best free and open source component I could find for this problem. It was also the simplest and most consistent/flexible HTML parser I found. We use a draft JS editor on the main resume.com site, but this component was better for React Native.