rd-dev-ukraine/angular-io-datepicker

angular-io-datepicker's Issues

Integration problem in Angular 6

When i install it using npm and try to run this project. an Error is displaying.

ERROR in node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'.
node_modules/angular-io-overlay/node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'.

My environment config is

Angular CLI: 6.0.8
Node: 8.11.1
OS: win32 x64
Angular:
...

Package Version

@angular-devkit/architect 0.6.8
@angular-devkit/core 0.6.8
@angular-devkit/schematics 0.6.8
@schematics/angular 0.6.8
@schematics/update 0.6.8
rxjs 6.2.2
typescript 2.7.2

not inserting date in database through template driven form approach.

my html file is

ts file dob = new FormControl(''); this.addCatForm = this.formBuilder.group({ dob:this.dob }); /* model file is */ import * as mongoose from 'mongoose'; const catSchema = new mongoose.Schema({ dob:Date });

kindly help for not inserting date in the database.

Datepicker Input field doesn't get updated after model value changes in ts file

I have bound the date picker as follows:
HTML:
<date-picker [(ngModel)]="data.myDate" [showClearButton]="false" format="L" ngDefaultControl>

<button (click)="changeDate()">
TS:
onInit()
{
this.data.myDate='01/01/201701';
}
changeDate()
{
this.data.myDate=null;
}

So on when the view loads, the data on date picker is '01/01/2017' , but on click of changeDate function, the view doesn't get updated.

Datepicker-panel getting created outside overlay component

Datepicker-panel getting created outside overlay component.

Getting compiler error while building app with ng build -prod

Hi, I am using datepicker in my app and it works fine with ng build but fails with ng build -prod. I googled and it looks like AOT compiler issue with ControlValueAccessorProviderFactory

angular/angular-cli#4956

Here is error log:

prorey:provenbid proandrey$ ng build -prod
Hash: f7999b29dd0942099ae8                                                              
Time: 7383ms
chunk    {0} main.80551e71e70561828313.bundle.js (main) 1.33 kB {2} [initial] [rendered]
chunk    {1} styles.a5e033767d934a9d8d20.bundle.css (styles) 69 bytes {3} [initial] [rendered]
chunk    {2} vendor.c85a90b3d399a6fd167d.bundle.js (vendor) 1.04 MB [initial] [rendered]
chunk    {3} inline.a5d290ac24c45edf489b.bundle.js (inline) 0 bytes [entry] [rendered]

ERROR in Error encountered resolving symbol values statically. Calling function 'ControlValueAccessorProviderFactory', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol DatePicker in /Users/proandrey/Projects/provenbid/node_modules/angular-io-datepicker/src/datepicker/datePicker.d.ts, resolving symbol DatePicker in /Users/proandrey/Projects/provenbid/node_modules/angular-io-datepicker/src/datepicker/datePicker.d.ts

ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in '/Users/proandrey/Projects/provenbid/src'
 @ ./src/main.ts 5:0-74
 @ multi ./src/main.ts

jalali calender issue

Hi , how to use this with moment-jalali for jalali dates

Cannot redeclare block-scoped variable 'ngDevMode'

My app in on Angular 5. Here is how the package.json looks like

{
  "name": "myapp",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^5.2.0",
    "@angular/common": "^5.2.0",
    "@angular/compiler": "^5.2.0",
    "@angular/core": "^5.2.0",
    "@angular/forms": "^5.2.0",
    "@angular/http": "^5.2.0",
    "@angular/platform-browser": "^5.2.0",
    "@angular/platform-browser-dynamic": "^5.2.0",
    "@angular/router": "^5.2.0",
    "@types/file-saver": "0.0.1",
    "angular-2-dropdown-multiselect": "^1.6.0",
    "angular2-csv": "^0.2.5",
    "bootstrap": "^3.3.7",
    "core-js": "^2.4.1",
    "file-saver": "^1.3.3",
    "ngx-bootstrap": "^1.9.3",
    "ngx-clipboard": "^8.1.0",
    "ngx-loading": "^1.0.14",
    "ngx-pagination": "^3.0.0",
    "ngx-toastr": "^6.4.0",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.19"
  },
  "devDependencies": {
    "@angular/cli": "~1.7.0",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1",
    "typescript": "~2.5.3"
  }
}

Everything is fine so far.

Then I installed angular-io-datepicker in my app

npm install angular-io-datepicker --save
Now, when I do a ng serve (after including the OverlayModule and DatePickerModule in app.module.ts ), it gives me the below error

ERROR in node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'.
node_modules/angular-io-overlay/node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'

Any suggestions on what could be wrong and how to fix it? I was earlier using this module successfully with Angular 4. Then I upgraded to Angular 5 and it broke. Now even if I rollback to angular 4, this module still gives me the same problem.

Issue with ngFor

The datepicker popup is not working when used in a ngFor loop. I am displaying the datepicker controls using ngFor. The control is showing up but when I click on the button, popup is not showing up.

calender ui not closing

once i choose date the calender not closing why ?

<date-picker [closeBySelection]="true" [showClearButton]="false" [formControl]="searchFilterFrom.controls['start_date']" mode="datetime">

ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'closeBySelection' since it isn't a known property of 'date-picker'.

angular io picker issue while building

ERROR in Error encountered resolving symbol values statically. Calling function 'ControlValueAccessorProviderFactory', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol DatePicker in /var/www/html/AmyPro/angular/node_modules/angular-io-datepicker/src/datepicker/datePicker.d.ts, resolving symbol DatePicker in /var/www/html/AmyPro/angular/node_modules/angular-io-datepicker/src/datepicker/datePicker.d.ts

ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in '/var/www/html/AmyPro/angular/src'
@ ./src/main.ts 3:0-74
@ multi ./src/main.ts

this is the error i am getting while ng build --prod --aot=true
but it is compiling successfull in ng serve

npm version:5.6.0
node version: v6.11.5

---

angular/cli: 1.2.4
node: 6.11.5
os: linux ia32
angular/animations: 4.4.4
angular/cdk: 2.0.0-beta.11
angular/common: 4.4.4
angular/compiler: 4.4.4
angular/core: 4.4.4
angular/forms: 4.4.4
angular/http: 4.4.4
angular/material: 2.0.0-beta.11
angular/platform-browser: 4.4.4
angular/platform-browser-dynamic: 4.4.4
angular/router: 4.4.4
angular/cli: 1.2.4
angular/compiler-cli: 4.4.4

---

package.json
"name": "angular",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"angular/animations": "^4.4.4",
"angular/cdk": "^2.0.0-beta.10",
"angular/common": "^4.4.4",
"angular/compiler": "^4.4.4",
"angular/core": "^4.4.4",
"angular/forms": "^4.4.4",
"angular/http": "^4.4.4",
"angular/material": "^2.0.0-beta.10",
"angular/platform-browser": "^4.4.4",
"angular/platform-browser-dynamic": "^4.4.4",
"angular/router": "^4.4.4",
"angular-io-datepicker": "^1.3.1",
"angular2-csv": "^0.2.5",
"angular2-http-file-upload": "^1.0.6",
"angular2-jwt": "^0.2.3",
"angular2-text-mask": "^8.0.4",
"angular4-datepicker": "^1.0.1",
"bootstrap": "^4.0.0-beta",
"chart.js": "^2.7.0",
"classlist.js": "^1.1.20150312",
"core-js": "^2.5.1",
"font-awesome": "^4.7.0",
"hammerjs": "^2.0.8",
"intl": "^1.2.5",
"jquery": "^3.2.1",
"mydatepicker": "^2.6.1",
"ng2-charts": "^1.6.0",
"ng2-ckeditor": "^1.1.9",
"ng2-file-upload": "^1.2.1",
"ng2-filter-pipe": "^0.1.10",
"ng2-validation": "^4.2.0",
"ngx-pagination": "^3.0.1",
"popper.js": "^1.12.5",
"rxjs": "^5.4.3",
"tether": "^1.4.0",
"web-animations-js": "^2.3.1",
"zone.js": "^0.8.18"
},
"devDependencies": {
"angular/cli": "1.2.4",
"angular/compiler-cli": "^4.4.4",
"types/jasmine": "2.5.38",
"types/node": "^6.0.88",
"codelyzer": "~2.0.0",
"jasmine-core": "~2.5.2",
"jasmine-spec-reporter": "~3.2.0",
"karma": "~1.4.1",
"karma-chrome-launcher": "~2.1.1",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^0.2.0",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.1.0",
"ts-node": "~2.0.0",
"tslint": "~4.5.0",
"typescript": "~2.2.0"
}

Including seconds in Time Picker

How to include seconds values also in time picker along with minutes and hours

how to disable future dates in date-picker?

Warning message on angular 4.

The element is deprecated. Use instead ("[WARNING ->]<template #container>"): ng:///OverlayModule/OverlayComponent.html@0:0

ERROR in Error encountered resolving symbol values statically.

ERROR in Error encountered resolving symbol values statically. Calling function 'ControlValueAccessorProviderFactory', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol DatePicker in /home/nam/Desktop/teikei_chat/tki-frontend/node_modules/angular-io-datepicker/src/datepicker/datePicker.d.ts, resolving symbol DatePicker in /home/nam/Desktop/teikei_chat/tki-frontend/node_modules/angular-io-datepicker/src/datepicker/datePicker.d.ts

please help me! thank!

Remove tab index from buttons

When I have chosen a date and press tab, I want to go to the next input, not to the' close button' or 'date button'. Can you remove these buttons from the tab index?

Thx!

Laurent

Not working when upgraded the angular version to 4.4.6 and above

Date Range between two datepicker

How to setup Date Range between two datepicker fields like start and end date

How do I disable certain days

I would like to know how I can disable certain day/time

Aot and minification failing in Angular 4 with datepicker module

I am using Angular CLI to build a Angular 4 app. In this app I am using datepicker.

Before deployment to prod, I would like to do aot and minification. So I executed the following command

ng build --environment=prod --prod --base-href /myapp/

This gives me the below error

ERROR in Error encountered resolving symbol values statically. Calling function 'ControlValueAccessorProviderFactory', function calls are not supported. Consi
der replacing the function or lambda with a reference to an exported function, resolving symbol DatePicker in D:/myapp/node_modules/angular-i
o-datepicker/src/datepicker/datePicker.d.ts, resolving symbol DatePicker in D:/myapp/node_modules/angular-io-datepicker/src/datepicker/datePi
cker.d.ts

ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in 'D:\myapp\src'
 @ ./src/main.ts 4:0-74
 @ multi ./src/main.ts

The error is related to Datepicker module. Can someone please suggest what could potentially be wrong and how could I resolve it?

min and max date

No Options available to disable dates before a certain date. If there is any option available, could you please advise?

Restricting manual enter of date and time

How to restrict user from entering or modifying date and time manually.

how to disable previous dates

I want to disable previous dates, how can i do it, any reference?

Styling date picker

There seems to be no easy way to style the font and other attributes of the textbox. Can you please provide an example of how can one go about changing the font of the text inside the textbox?

Bug when using Chrome

Date picked on the calendar does not reflect on the input control in Chrome, but does in Firefox

Not able to display datetimepicker using ngFor loop

https://plnkr.co/edit/6hHyTuCHXygqn104kiGF?p=preview

datepicker.css (404) not found issue

First of all, your datepicker looks great, simple and flexible, and I like it very much!
But here is my issue:

In angular-cli v1.0.0 with angular v4.0.0 getting this error "Unhandled Promise rejection: Failed to load ../datepicker.css" and "GET http://localhost:4200/datepicker.css 404 (Not Found)" from zone.js.

Full package.json

Add Locale in params

U can add Locale like a param to change the lenguaje display:

<template> element deprecation warning

So, angular complains on element that comes from OverlayModule i guess

Template parse warnings:
The <template> element is deprecated. Use <ng-template> instead ("[WARNING ->]<template #container></template>"): ng:///OverlayModule/OverlayComponent.html@0:0

But it still works. It would be great to prevent problems about deprecated stuff.

In the latest version of Firefox , the `document` click event is triggering when a `mousedown` event occurs on a `select` element while using Select2. This behavior is different from other browsers.

Description:

In the latest version of Firefox, I'm encountering an unexpected behavior related to mousedown and click events when interacting with a select element within the Select2 library. The issue is not present in other web browsers.

Details:

Expected Behavior: Click events should not propagate to the document when interacting with a select element.
Observed Behavior in Firefox: Click events on the select element trigger the document click event.

Steps to Reproduce:

Use the provided HTML and JavaScript code.
Open the webpage in Firefox (Latest version).
Interact with the select element within the Select2 dropdown.

`

<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.1/select2.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.1/select2.js"></script>

<script>
    $(document).ready(function () {
        $('.select2-example-test').select2({
            placeholder: 'Select an option'
        });
        jQuery('.wrapper1').on('click', function(e) {	//NO I18N
            console.log(e)	
            debugger;	
            alert('wrapper1 Click')
		});

        jQuery('.wrapper2').on('click', function(e) {	//NO I18N
            console.log(e)	
            debugger;	
            alert('wrapper2 Click')
		});

        jQuery('.wrapper3').on('click', function(e) {	//NO I18N
            console.log(e)	
            debugger;	
            alert('wrapper3 Click')
		});
        jQuery(document).on('click', function(e) {	//NO I18N
            console.log(e)	
            debugger;	
            alert('Document Click')
		});

    });
</script>

<div class="wrapper3" style="width: 300px;height: 300px;background: green;padding: 20px;">
    <div class="wrapper2" style="width: 200px;height: 200px;background: blue;padding: 20px;">
        <div class="wrapper1" style="width: 100px;height: 100px;background: red;padding: 20px;">
            <select class="select2-example-test">
                <option value="AL">Alabama</option>
                <option value="WY">Wyoming</option>
            </select>
        </div>
    </div>
</div>

`

How I can import DatePickerModule and OverlayModule with "Angular Cli" ?.

Hi !

Thanks for share Datepicker component, but...How I can import DatePickerModule and OverlayModule with "Angular Cli" ?.

Bug when using multiple datetimepicker widget

When using multiple datetimepicker, the datepicker-panel is created the last datetimepicker's child overlay-host component, instead of its own child overlay-host component.

Uncaught Error: Unexpected value 'OverlayModule' imported by the module 'AppModule'. Please add a @NgModule annotation.

WARNING in ./node_modules/angular-io-overlay/node_modules/@angular/core/esm5/cor
e.js
6541:15-36 Critical dependency: the request of a dependency is an expression
at ImportLazyContextDependency.getWarnings (C:\Users\mjlucero\Desktop\inform
es-cliente\node_modules\webpack\lib\dependencies\ContextDependency.js:39:18)
at Compilation.reportDependencyErrorsAndWarnings (C:\Users\mjlucero\Desktop
informes-cliente\node_modules\webpack\lib\Compilation.js:703:24)
at Compilation.finish (C:\Users\mjlucero\Desktop\informes-cliente\node_modul
es\webpack\lib\Compilation.js:561:9)
at applyPluginsParallel.err (C:\Users\mjlucero\Desktop\informes-cliente\node
_modules\webpack\lib\Compiler.js:502:17)
at C:\Users\mjlucero\Desktop\informes-cliente\node_modules\tapable\lib\Tapab
le.js:289:11
at C:\Users\mjlucero\Desktop\informes-cliente\node_modules\html-webpack-plug
in\index.js:60:9
at tryCatcher (C:\Users\mjlucero\Desktop\informes-cliente\node_modules\blueb
ird\js\release\util.js:16:23)
at Promise._settlePromiseFromHandler (C:\Users\mjlucero\Desktop\informes-cli
ente\node_modules\bluebird\js\release\promise.js:512:31)
at Promise._settlePromise (C:\Users\mjlucero\Desktop\informes-cliente\node_m
odules\bluebird\js\release\promise.js:569:18)
at Promise.settlePromise0 (C:\Users\mjlucero\Desktop\informes-cliente\node
modules\bluebird\js\release\promise.js:614:10)
at Promise.settlePromises (C:\Users\mjlucero\Desktop\informes-cliente\node
modules\bluebird\js\release\promise.js:693:18)
at Async._drainQueue (C:\Users\mjlucero\Desktop\informes-cliente\node_module
s\bluebird\js\release\async.js:133:16)
at Async._drainQueues (C:\Users\mjlucero\Desktop\informes-cliente\node_modul
es\bluebird\js\release\async.js:143:10)
at Immediate.Async.drainQueues (C:\Users\mjlucero\Desktop\informes-cliente\n
ode_modules\bluebird\js\release\async.js:17:14)
at runCallback (timers.js:789:20)
at tryOnImmediate (timers.js:751:5)
@ ./node_modules/angular-io-overlay/node_modules/@angular/core/esm5/core.js
@ ./node_modules/angular-io-overlay/src/overlay/overlayService.js
@ ./node_modules/angular-io-overlay/src/overlay/index.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts

webpack: Compiled with warnings.

Critical dependency: the request of a dependency is an expression...

Is this component compatible with angular 5?
I updated my application today and now I have this warning on my build...

WARNING in ./node_modules/angular-io-overlay/node_modules/@angular/core/@angular/core.es5.js
5659:15-36 Critical dependency: the request of a dependency is an expression
    at ImportLazyContextDependency.getWarnings (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/dependencies/ContextDependency.js:39:18)
    at Compilation.reportDependencyErrorsAndWarnings (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:703:24)
    at Compilation.finish (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:561:9)
    at applyPluginsParallel.err (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compiler.js:502:17)
    at /home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/tapable/lib/Tapable.js:289:11
    at _addModuleChain (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:507:11)
    at processModuleDependencies.err (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:477:14)
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)
 @ ./node_modules/angular-io-overlay/node_modules/@angular/core/@angular/core.es5.js
 @ ./node_modules/angular-io-overlay/src/overlay/overlayComponent.js
 @ ./node_modules/angular-io-overlay/src/overlay/index.js
 @ ./src/app/shared/domain/datepicker/datepicker.module.ts
 @ ./src/app/pages/lms/learning/accounts/balance/balance.component.module.ts
 @ ./src/app/pages/lms/learning/accounts/accounts.module.ts
 @ ./src/$$_lazy_route_resource lazy
 @ ./node_modules/@angular/core/esm5/core.js
 @ ./src/main.ts
 @ multi ./src/main.ts

WARNING in ./node_modules/angular-io-datepicker/node_modules/@angular/core/@angular/core.es5.js
5659:15-36 Critical dependency: the request of a dependency is an expression
    at ImportLazyContextDependency.getWarnings (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/dependencies/ContextDependency.js:39:18)
    at Compilation.reportDependencyErrorsAndWarnings (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:703:24)
    at Compilation.finish (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:561:9)
    at applyPluginsParallel.err (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compiler.js:502:17)
    at /home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/tapable/lib/Tapable.js:289:11
    at _addModuleChain (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:507:11)
    at processModuleDependencies.err (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:477:14)
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)
 @ ./node_modules/angular-io-datepicker/node_modules/@angular/core/@angular/core.es5.js
 @ ./node_modules/angular-io-datepicker/src/datepicker/timeSelector.js
 @ ./node_modules/angular-io-datepicker/src/datepicker/index.js
 @ ./src/app/shared/domain/datepicker/datepicker.module.ts
 @ ./src/app/pages/lms/learning/accounts/balance/balance.component.module.ts
 @ ./src/app/pages/lms/learning/accounts/accounts.module.ts
 @ ./src/$$_lazy_route_resource lazy
 @ ./node_modules/@angular/core/esm5/core.js
 @ ./src/main.ts
 @ multi ./src/main.ts

WARNING in ./node_modules/angular-io-overlay/node_modules/@angular/core/@angular/core.es5.js
5675:15-102 Critical dependency: the request of a dependency is an expression
    at ImportLazyContextDependency.getWarnings (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/dependencies/ContextDependency.js:39:18)
    at Compilation.reportDependencyErrorsAndWarnings (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:703:24)
    at Compilation.finish (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:561:9)
    at applyPluginsParallel.err (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compiler.js:502:17)
    at /home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/tapable/lib/Tapable.js:289:11
    at _addModuleChain (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:507:11)
    at processModuleDependencies.err (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:477:14)
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)
 @ ./node_modules/angular-io-overlay/node_modules/@angular/core/@angular/core.es5.js
 @ ./node_modules/angular-io-overlay/src/overlay/overlayComponent.js
 @ ./node_modules/angular-io-overlay/src/overlay/index.js
 @ ./src/app/shared/domain/datepicker/datepicker.module.ts
 @ ./src/app/pages/lms/learning/accounts/balance/balance.component.module.ts
 @ ./src/app/pages/lms/learning/accounts/accounts.module.ts
 @ ./src/$$_lazy_route_resource lazy
 @ ./node_modules/@angular/core/esm5/core.js
 @ ./src/main.ts
 @ multi ./src/main.ts

WARNING in ./node_modules/angular-io-datepicker/node_modules/@angular/core/@angular/core.es5.js
5675:15-102 Critical dependency: the request of a dependency is an expression
    at ImportLazyContextDependency.getWarnings (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/dependencies/ContextDependency.js:39:18)
    at Compilation.reportDependencyErrorsAndWarnings (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:703:24)
    at Compilation.finish (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:561:9)
    at applyPluginsParallel.err (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compiler.js:502:17)
    at /home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/tapable/lib/Tapable.js:289:11
    at _addModuleChain (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:507:11)
    at processModuleDependencies.err (/home/lucasteles/www/fluig-platform/frontend/src/main/angular/node_modules/webpack/lib/Compilation.js:477:14)
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)
 @ ./node_modules/angular-io-datepicker/node_modules/@angular/core/@angular/core.es5.js
 @ ./node_modules/angular-io-datepicker/src/datepicker/timeSelector.js
 @ ./node_modules/angular-io-datepicker/src/datepicker/index.js
 @ ./src/app/shared/domain/datepicker/datepicker.module.ts
 @ ./src/app/pages/lms/learning/accounts/balance/balance.component.module.ts
 @ ./src/app/pages/lms/learning/accounts/accounts.module.ts
 @ ./src/$$_lazy_route_resource lazy
 @ ./node_modules/@angular/core/esm5/core.js
 @ ./src/main.ts
 @ multi ./src/main.ts

"dependencies": {
    "@angular/common": "~5.2.1",
    "@angular/compiler": "~5.2.1",
    "@angular/core": "~5.2.1",
    "@angular/forms": "~5.2.1",
    "@angular/http": "~5.2.1",
    "@angular/platform-browser": "~5.2.1",
    "@angular/platform-browser-dynamic": "~5.2.1",
    "@angular/router": "~5.2.1",
    "angular-io-datepicker": "^1.3.1",
    "angular-io-overlay": "1.2.7",
   ...
},
"devDependencies": {
    "@angular/cli": "^1.6.4",
    "@angular/compiler-cli": "^5.2.1",
    "typescript": "^2.6.1",
    ...
}

co.onTouched is not a function

Hi,

This error comes up in the console when the focus is lost from the input...

24h format

Is there any way to set the time component to the 24h format?

Auto-Close the Picker on selection of day?

Is there a way to auto-close the picker once a specific day has been selected?

How do i change day/month to my language

Hello,

I want to translate days and months in the datepicker, but i cant find how to do it anywhere, can someone please help me?

Thanks!

Error when importing DatePickerModule in the latest angular (5.0.3)

I'm trying to add datetime pickers to my application, but am getting this error:
Unexpected value 'DatePickerModule' imported by the module 'AppModule'. Please add a @NgModule annotation.
It happens when I'm importing the datepicker like so:
import { DatePickerModule } from "angular-io-datepicker/src/datepicker/index";
Also, OverlayModule is imported normally.

I think this might be due to the Angular version, since this package supports v4 and I'm using v5, but would like confirmation since I only recently started using Angular. If not, I'd appreciate any advice in fixing this problem.

Change Font

What is the best way to change the font/styling of this component? I cannot seem to overwrite the default stying. Would it be possible to leave font as inherited?

Date selected in calendar is different from date entered

When entering a date manually, when trying to open the calendar the date selected is not correct, it is the day before.

console.log left

You forgot to remove console.log from datePicker.js:141

Can we configure this datepicker for displaying only month and year without days?

Can we configure this datepicker for displaying only month and year without days?
Thanks)

How can i use it with SystemJS

What should i add to SystemJS.Config.js file?

Implementing 2 datepicker gives error.

I am trying to implement two datepicker in a same component, one of them is working fine but other one is creating this error...

ERROR TypeError: this.parseValue is not a function
    at DatePicker.raiseOnChange (datePicker.js:102)
    at DatePickerPanel.eval [as _onChange] (datePicker.js:144)
    at DatePickerPanel.pushChangedValue (datePickerPanel.js:82)
    at DatePickerPanel.set [as date] (datePickerPanel.js:42)
    at Object.eval [as handleEvent] (DatePickerPanel.html:5)
    at handleEvent (core.es5.js:11998)
    at callWithDebugContext (core.es5.js:13467)
    at Object.debugHandleEvent [as handleEvent] (core.es5.js:13055)
    at dispatchEvent (core.es5.js:8614)
    at eval (core.es5.js:10770)

it says error is in line DatePickerPanel.html:3

Not displaying the same date in calendar

Documentation correction

Example code in README.md states to import ReactiveFormModule and it should be ReactiveFormsModule