If I do:
<input type="date">
I have this datepicker:
And I need the natives like this one:
You are running your app in the browser, that's why the date picker looks like that.
Just run your app on an emulator or a real device to get the native date picker.
In order to use Native date-picker, you should use the cordova plugin.
Take into account that I will render differently according to the platform.
https://github.com/VitaliiBlagodir/cordova-plugin-datepicker
Related
i am trying to give date field of Birth date or Order date whatever date we want i am able to do and control functioning from lightning aura component for android like text field width, padding etc..
But for Date field type like type = "Date" , the width is not working as expecting in ios, ipad..
Basically Lightning alignnment for Date field in ios, ipad not working...
Please resolve this issue..
Ss of andoid and IPhone i have attached you can see width difference of same code in lightning aura..
i am expecting as i am getting output in android same i want to get in ios, ipad also..
Please provide soln as soon as possible..
While Lightning Aura components follow ES5 syntax and are sometimes not responsive
You would often come across such things when displaying Aura Components in Salesforce Mobile App
If you know that your feature would be used in Salesforce Mobile App as well then i suggest you to implement it in LWC
Since LWC components are meant to be more mobile friendly than the Aura Components
I assume that automatically transferring OTP code from SMS with the help of Reactjs instruments is not real.
But maybe someone knows about possibilities?
I know how to pass code inside apple keyboard intut autoComplete="one-time-code". How can i do it for android (gboard)?
I assume you are building a mobile application using React native, in this case, you can find a bunch of libraries that can do the work for you.
Take a look at this one and search google for "autofill OTP code in react native" for more results.
As of react native version 0.66+
Android: Can use the autocomplete set to sms-otp
iOS: Can use textContentType set to oneTimeCode
the question was already answered here -
How to automatically paste the one time code which is received in SMS in react-native text input
Can anyone tell me how to use the calendar plugin in nativescript? And I am using only XML not with typescript. I need the calendar control exactly like as in Bookmyshow.
There are several options for calendar plugin.
The most extended one is the telerik-ui for NativeScript
The calendar is highly customisable and offers a lof of functionality.
You can see more about it here - keep in mind that this is a paid functionality.
Another option is to search for community-made nativescript calendar related plugins. Like this one here! Not familiar with it - it looks easy to work with.
The third option is to use date-picker. IF you are looking for a calendar in Android then you can open your app/App_Resources/Android/values-21 folder and open the file styles.xml and modify the default mode of the date picker from spinner to calendar.
Example:
<item name="android:datePickerMode">calendar</item>
You might be interested in the "Telerik UI for NativeScript" plugin. There is a free and pro version which contains a really slick looking and functioning calendar UI component.
More details about the plugins and their contents can be found here. Additionally you can take a look at the sdk examples regarding the RadCalendar component for both vanila and Angular 2 NativeScript.
I'm using this npm package:
https://www.npmjs.com/package/nativescript-calendar
"nativescript-calendar": "^1.0.7",
I juss created a wrapper over android-lib which help in rendering calendar in nativescript. checkout the plugin
https://www.npmjs.com/package/nativescript-calendar-weekview
I had web application written in AngularJS which works in all desktop and mobile browsers like Chrome, Safari etc.
Is there a way to convert it into mobile app?
You can use the framework Ionic coupled with cordova
http://ionicframework.com/
https://cordova.apache.org/
Hope it helps.
Cordova can do the job. As you have already an app, just need to build it using cordova. If you want to start a new project from scratch, Ionic will be a great option. As it is providing the layout and mobile friendly components for our use.
Please follow the steps in : https://cordova.apache.org/
You can use phone gap. In phone gap there is also plugins available for the mobile phone events like shaking and etc.
With the free version you can not add plugins, you have to buy phone gap for that.
Just create package with pure HTML, CSS and java script (angular js) and build it on the phone gap then you can download sdk and then you can install it on android.
Phone Gap
How do you create date and time picker in onsenui?
I couldn't find any thing in their documentation and don't even know where to start.
You can also use html5 attribute like date and time to create datepicker in onsenui. for example
<input type="date" class="text-input" ng-model="inputDate"/>
You can look more details in here
The easiest way is to use Monaca, the browser based IDE from the same OnsenUI's company. You can find how to add this dateTime picker in their document. This will work for both iOS and Android. You can also add OnsenUI and PhoneGap DateTime Picker plugin right from the IDE. Therefore, you don't need to add the plugin one by one. Below is the screenshot of the OnsenUI with Datetime Picker:
https://www.dropbox.com/s/bgmk7b3e90nf75k/2014-09-02%2014.06.38.png?dl=0
Here is how to add the dateTime picker for Android.
I hope this helps. Cheer.