jkuri / ng-daterangepicker Goto Github PK

Hi @jkuri !
I would like to use this package, so I installed and put into my angular2 project in the given way, but after running it I got an error.
Firtstly when I implemented it, how the tutorial written, I get http404 error, while app didn't find the package. So I put the following line into my system.config.js file:
'ng-daterangepicker': 'node_modules/ng-daterangepicker/ng-daterangepicker.js'
After that I run it again and I get following error:
Error: Unable to dynamically transpile ES module A loader plugin needs to be configured via SystemJS.config({ transpiler: 'transpiler-module' }). Instantiating http://localhost:8080/node_modules/ng-daterangepicker/ng-daterangepicker.js
Please help me, I want to use this package. Thanks

Callback mechanism does not work when registering a new onChange callback it gets overrides.

Can you add year selection button so that calendar automatically go to that particulate year... in same code

Hi,

On demo, click on "start", click "next" arrow, to be in a couple of month. Try to select a day in "August 2017" for example. Nothing is happening.
Or more generaly, try to pick first date after the second date on first choice. (Before I made any choice)

Stéphane.

Hi, I added the code in various places as shown in the ReadMe to use the date range picker.

However, when the page hosting the date picker is shown, the CSS styles for the data range picker is not loaded. e.g. hero-bocy is not found

Is there any extra step needed?

Thanks

Hi @jkuri

Is there any option to set default date?

<ng-daterangepicker [(ngModel)]="dateValue" [options]="options"></ng-daterangepicker>

dateValue: '2017/09/05-2017/09/17';

 this.options = {
      theme: 'default',
      range: 'tw',
      dayNames: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
      presetNames: ['This Month', 'Last Month', 'This Week', 'Last Week', 'This Year', 'Last Year', 'From', 'End'],
      dateFormat: 'yMd',
      outputFormat: 'YYYY/MM/DD',
      startOfWeek: 1
    };

How can I override a css property of the component?

Is there anyway we can add custom range like like "Last 7 Days" in the selector?

Hello all,

I need to display only the single date not the date range picker, how can I achieve this

Hi,

Any plans for adding CHANGELOG.md to the repo? Would be useful.

BTW yarn info shows the following versions:

$ yarn info ng-daterangepicker
yarn info v0.23.2
{ name: 'ng-daterangepicker',
  description: 'AngularJS Daterangepicker',
  'dist-tags': { latest: '0.2.0' },
  versions: 
   [ '0.1.0',
     '0.1.1',
     '0.1.2',
     '0.2.0',
     '0.9.0' ],
  maintainers: 
   [ { name: 'jkuri',
       email: '[email protected]' } ],
  time: 
   { modified: '2017-03-28T21:42:57.378Z',
     created: '2015-09-20T11:27:44.293Z',
     '0.9.0': '2015-09-20T11:27:44.293Z',
     '0.1.0': '2017-03-10T00:05:01.722Z',
     '0.1.1': '2017-03-12T19:42:43.737Z',
     '0.1.2': '2017-03-15T20:01:07.561Z',
     '0.2.0': '2017-03-28T21:42:57.378Z' },

Is the 0.9.0 the latest one? Bit weird, as it's apparently released in 2015, the 0.2.0 seems to be the latest one.

The link provided as demo doesn't seems to be original link. Chrome complains privacy error and there no date picker found on the page. Page seems to me hijacked.

The component looks messy for a strange reason, so I wanted to change in the sass file (to change the width of calendar-container) but unfortunately even if I change in the sass file nothing changes

preset and close button should have on the right of calendar， but my preset button is under the calendar.

How do I open / close the daterangepicker via a method in my component in Typescript?

How could i disable input field of this data-picker
user not allowed to be type anything in this data picker
is there any option for that or how to customise it

How to create the custom date range.

package.json:
"ngx-daterangepicker": "^0.7.0",

After some updates, now I have a new error:
Angular CLI: 1.7.3
Node: 7.4.0
OS: linux x64
Angular: 5.2.1
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, platform-server, router

ERROR in ./node_modules/ngx-daterangepicker/src/ngx-daterangepicker/index.ts
Module build failed: Error: node_modules/ngx-daterangepicker/src/ngx-daterangepicker/index.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property.
The missing file seems to be part of a third party library. TS files in published libraries are often a sign of a badly packaged library. Please open an issue in the library repository to alert its author and ask them to package the library using the Angular Package Format (https://goo.gl/jB3GVv).
at AngularCompilerPlugin.getCompiledFile (node_modules//src/angular_compiler_plugin.js:674:23)
at plugin.done.then (node_modules//src/loader.js:467:39)
at process._tickCallback (internal/process/next_tick.js:103:7)

Datepicker does not update the ngmodel with default selection. It updates the model when i change the selection.

There is child to parent communication also missing in component.

Hey guys !
I getting the error Error File " " is not under rootDir''. rootDir is expected to contain all source files when a I try build my app using 'rollup' plugin.
Someone can help me ?

Hi,

thanks for this plugin. I was wondering if the datepicker could be initialized with no dates?

Thanks,

Stéphane.

Does this work with Angular 2 too or only 4?

Hi, I´m trying to integrate your datepicker into my angular 2 project, can you tell me if it is possible to change the names of the months, and if yes where?

Thank you

Unexpected value 'undefined' exported by the module 'NgDateRangePickerModule'

Before all good work
i want to know if there is a possibility to choose hours min .. ?

Hi, really nice component by the looks of it but i couldn't find a way of enabling the range buttons like in the demo pages. Would appreciate some documentation for that.

@jkuri I have installed daterangepicker as you said but I have a problem loading sass files from app.sass, so I have added bulma with yarn but I'm having the same problem still.
I don't know if you can guide me in order to get all the css files working? this is how I see it right now. And the console is not showing me any error.
https://user-images.githubusercontent.com/3856494/28010739-26df88cc-6560-11e7-984f-69763544d246.png

Hi, I really like this useful tool you developed.

But when I am using it in my project, occasionally I found the weekdays displayed was wrong.

To be specifically, 2017 Oct 1st should be Sunday, but appears to be Monday in ng-daterangepicker.

Can you review and make updates against this defect? Because I will feel really sorry to abort this very significant extension in my project.

Is there support for angular 1?

i18n support?

When clicking on 'last month' or 'this month', the range is selected, but display is not shifted to the month selected unless it's already visible.

Hi, really like your component and would like to use it for my current project.
But I need to select time as well. A bit like Angular 1 JS Moment Picker but using your excellent range automation.
Have you thought of extending this?

There doesn't seem to be the ability to set min and max dates accessible in the date picker. This critical functionality for any generic date picker.

I'll likely start looking for alternative date picker due to this missing feature.