Need to find best date and time picker in angular 6 - datepicker

I have a angular project with this configuration.
Angular CLI: 6.0.3
Node: 10.16.3
OS: linux x64
Angular: 6.0.2
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router
Package Version
-----------------------------------------------------------
#angular-devkit/architect 0.6.3
#angular-devkit/build-angular 0.6.8
#angular-devkit/build-optimizer 0.6.8
#angular-devkit/core 0.6.3
#angular-devkit/schematics 0.6.3
#angular/cdk 7.2.1
#angular/cli 6.0.3
#ngtools/webpack 6.0.8
#schematics/angular 0.6.3
#schematics/update 0.6.3
rxjs 6.0.0
typescript 2.7.2
webpack 4.8.3
I need best date and time picker for my project.
I have already used datetime picker. But I got issue in prod build.
Issue
To prevent this issue I have to upgrade the npm version and it requires typescript 3+ version.
When I update the typescript version I got error in ng serve.
Need : I have a date min, max validations in my app. So I need stable version which gives me this types of features.
Features :
- Min Date
- Max Date
- Pick time only
- Set the value (Patch value)
- Support reactive form
Can any one share any npm module link ?

ngx-bootstrap has a great date picker, here is a demo
https://stackblitz.com/edit/ngx-bootstrap-datepicker
and the docs
https://valor-software.com/ngx-bootstrap/#/datepicker
or Angular Material has a datepicker
https://material.angular.io/components/datepicker/examples

Best for me is
https://www.npmjs.com/package/ng-pick-datetime
as i am not using bootstrap

Related

Ionic Capacitor : Targeting S+ (version 31 and above) requires that one of FLAG_IMMUTABLE or FLAG_MUTABLE

I’m having this issue because of the minimum target SDK 31 update for the Play Store
I’ve had the App working well, I changed the TargetSDK in the gradle variables file and I’m getting this error :
Targeting S+ (version 31 and above) requires that one of FLAG_IMMUTABLE or FLAG_MUTABLE be specified when creating a PendingIntent.
Strongly consider using FLAG_IMMUTABLE, only use FLAG_MUTABLE if some functionality depends on the PendingIntent being mutable, e.g. if it needs to be used with inline replies or bubbles.
Here’s the List of My Plugins :
(npx cap ls)
#capacitor-community/admob#3.2.0
#capacitor/app#1.1.1
#capacitor/haptics#1.1.4
#capacitor/keyboard#1.2.2
#capacitor/push-notifications#1.0.9
#capacitor/splash-screen#1.2.2
#capacitor/status-bar#1.0.8
#codetrix-studio/capacitor-google-auth#3.1.4
[info] Listing plugins for web is not possible.
I’ve read That I need to upgrade some plugins but i don’t know which ones
Can you please help me
To properly support SDK 31/32 you have to upgrade to capacitor 4.
Run npm i #capacitor/cli#latest. And then run npx cap migrate. That will update all capacitor dependencies and plugins to version 4 and make required changes to your native projects.

How to update ionic framework applications?

I have app build with #ionic/angular#5.0, which used #angular#8.
I want to update to current version of ionic (and angular).
How should I do it and in what order (ionic docs say nothing :/ )
ng update #angular/core #angular/cli
npm i -s #ionic/angular
Added more notes to the docs issue you opened. this would make for a good dedicated page. In the mean time, in your case, you're already on the latest Ionic (v5 as of august 2020), so this is more about Angular. Follow their update guide - it's very helpful and tells you exactly what commands to run.
Generally, updating Ionic varies by framework, but for Angular:
npm i #ionic/angular#latest
and do the same for other #ionic/angular packages

Unable to update to Capacitor to version 2.1.0

Currently, I am in Capacitor 1.5.2 in my Ionic 5 project. Following is the result of running npx cap doctor
💊 Capacitor Doctor 💊
Latest Dependencies:
#capacitor/cli: 2.1.0
#capacitor/core: 2.1.0
#capacitor/android: 2.1.0
#capacitor/ios: 2.1.0
Installed Dependencies:
#capacitor/cli 1.5.2
#capacitor/ios 2.1.0
#capacitor/android 1.5.2
#capacitor/core 1.5.2
I have followed this document and run all the commands but only the ios got updated with a few audit issues. I have tried multiple times but unable to update cli, core and android. Am I missing anything here?
npm update respects semver, so it will never update to latest Capacitor if you are in v1.
Instead, use npm install #capacitor/android#latest (replace android with other capacitor package names you want to update)

How to keep both ionic 1, 3, version in my system

Initaially i was working with ionic 1.7.6 version with many apps. And by today some how i have changed to version 3.0.0. Now when i open my old projects under package.json i see the version as 3.0.0 instead of 1.7.6. And when i do sudo ionic build android it throws me some error to upgrade the version.
So now i have uninstall the ionic & cordova from my system.
Now i want to keep ionic 1 version 1.7.6 as well as ionic 3 version 3.0.0 how can i do it now.
so when ever i open the ionic 1 project i need to work on angularjs with ionic 1 version.
And when ever i open the project that i have created with version 3 i need to work with latest version of angular is with ionic 3..
please some one expalain me what should i need to do ??
Thank in advance !
I suspect you have installed ionic globally. If you want to run the local/project version of ionic you need to sudo ./node_modules/ionic/ionic ....
This will be the version of ionic as defined in the package.json of the project.
You can tuck this nicely away however using npm scripts (in your package.json):
e.g.
"scripts": {
"ionic": "sudo ./node_modules/ionic/ionic build "
}
Ten simply execute npm run ionic -- android

backpack-for-laravel Error install backpack for Laravel 5.3

When i try install and i have this error:
# composer require backpack/base
Using version ^0.7.3 for backpack/base
./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)
Your requirements could not be resolved to an installable set of packages.
Problem 1
- Installation request for backpack/base ^0.7.3 -> satisfiable by backpack/base[0.7.3].
- backpack/base 0.7.3 requires laravel/framework 5.3.* -> satisfiable by laravel/framework[5.3.x-dev, v5.3.0, v5.3.0-RC1, v5.3.1, v5.3.10, v5.3.11, v5.3.12, v5.3.13, v5.3.14, v5.3.15, v5.3.16, v5.3.17, v5.3.18, v5.3.19, v5.3.2, v5.3.3, v5.3.4, v5.3.5, v5.3.6, v5.3.7, v5.3.8, v5.3.9] but these conflict with your requirements or minimum-stability.
Installation failed, reverting ./composer.json to its original content.
How fix that?
You're probably running a Laravel 5.2 app. If so, you have two options:
1) Upgrade from Laravel 5.2 to Laravel 5.3, then try again, it will most definitely work. The Laravel upgrade takes about about 1 hour for a medium-sized project, but you'll have all the benefits of using the latest and greatest (both Laravel and Backpack).
2) Install Backpack for Laravel 5.2, but please be aware you're running an old Backpack version and you won't be receiving any updates or new features.
My recommendation, of course, is option #1. In the end, you'll still need to update Laravel, then update Backpack, so it's best to just do it now.