Coder Social home page Coder Social logo

Comments (11)

SaturnTeam avatar SaturnTeam commented on May 21, 2024

My bad. I'll try to fix now or tommorow

from saturn-datepicker.

SaturnTeam avatar SaturnTeam commented on May 21, 2024

try 6.1.1. if it's not working, please create a demo https://stackblitz.com/edit/angular-4cfnyl

from saturn-datepicker.

arihs avatar arihs commented on May 21, 2024

Sorry, but it's still not working. Now, the entire datepicker box that opens is empty.

I created a demo - basically an exact copy of material design's customized header.
(https://material.angular.io/components/datepicker/overview#customizing-the-calendar-header): See
https://stackblitz.com/edit/angular-zxjajr

Thanks for your help! It's much appreciated.

from saturn-datepicker.

SaturnTeam avatar SaturnTeam commented on May 21, 2024

example from angular material not working too :)
You forgot to configure NgModule and import class from saturn-datepicker

here is working example:
https://stackblitz.com/edit/angular-ecwjqo?file=src/app/app.module.ts

from saturn-datepicker.

arihs avatar arihs commented on May 21, 2024

Thank you!

from saturn-datepicker.

arihs avatar arihs commented on May 21, 2024

Is there a way to EDIT the calendarHeader component, rather than REPLACE it entirely? [Or, alternatively, is it possible to reuse the date selection (dropdown and fwd/bck navigation for months) in my replacement header component? (I don't want to have to rewrite that)]
I am trying to add a simple toggle switch to the calendar header (yes, it has to be in the calendar component).

from saturn-datepicker.

SaturnTeam avatar SaturnTeam commented on May 21, 2024

No, but you can copy-paste source code of original header

from saturn-datepicker.

arihs avatar arihs commented on May 21, 2024

There's no way of extending SatCalendarHeader or MatCalendarHeader?

from saturn-datepicker.

SaturnTeam avatar SaturnTeam commented on May 21, 2024

Extending components is not thing that angular can do now (if I remember correctly).

from saturn-datepicker.

arihs avatar arihs commented on May 21, 2024

Update: I did extend SatCalendarHeader on my customHeaderComponent and it works like a charm.
Thanks!

from saturn-datepicker.

Imansh338 avatar Imansh338 commented on May 21, 2024

I have a similar Problem, I am trying to implement the calenderHeaderComponent from an existing mat datepicker into a sat datepicker. but the pop-up showing up blank white. the error on console is :

ERROR Error: StaticInjectorError(AppModule)[ExampleHeader -> MatCalendar]:
StaticInjectorError(Platform: core)[ExampleHeader -> MatCalendar]:
NullInjectorError: No provider for MatCalendar!
at NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get

any Advice! Thanx 👍

from saturn-datepicker.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.