b-3po / angular-material-event-calendar Goto Github PK
View Code? Open in Web Editor NEWAngular material calendar component
License: MIT License
Angular material calendar component
License: MIT License
I found customClass on the event sent in which allows me to change the colour of the event on the calendar, I needed green, blue and red. customClass worked a treat.
Need to document this feature so that others can find it and also so that it is not removed later.
Hi everyone! I couldn't find any option in day event that I could configure if that event occurs monthly or annually. It would be nice if we have these options as boolean flags in event object.
Does anybody working on it? If doesn't, I can fork and try to do it. If anyone can help to build this feature, join me in this great adventure ๐
Hi,
I love your calendar - any update on mobile?
Hi, how are you?
I started using your calendar and noticed the md-event-click was not working. Made this Fiddle to make it easier for you.
Notice that when the event is clicked, nothing is printed in the console. Is it possible that I'm doing something wrong or is it really not working?
Other thing: would it be possible to add a tooltip when you hover an event? As you can see the in the same fiddle, the full name of the event can't be seen. A tooltip would help a lot.
Thank you =)
In the readme, you state;
To add Expansion Panels to you angular-material project, include the material.components.expansionPanels module as a dependency in your application.
angular.module('myApp', ['ngMaterial', 'material.components.expansionPanels']);
This is obviously copied from your Expansion Panels project and not changed. At first I thought the calendar depends on expansion panels, but it turns out to be not the case.
Just a heads up, nothing major, but it might be a good idea to fix.
Rather than make my own fork, is anyone already working on fixes for this? I assume the dev isn't making any updates as it's been over a year.
This is a very obscure one.
When the data is directly assigned in the controller and thus available when the page is being rendered, the sizing appears to mess up.
I have this in my controller;
for(var i = 0; i < 10; ++i)
{
$scope.events.push({
title: 'Event ' + i,
start: new Date(),
end: new Date(),
allDay: false
});
}
When I load the page, the calendar looks like this;
When I resize the window, even a pixel, the issue fixes itself. I was also able to fix the issue by adding this in my controller, effectively calling the window resize;
$timeout(function()
{
angular.element(window).triggerHandler('resize');
});
Now, when I load the data through an AJAX call, the problem does not occur and everything looks fine from the start. My guess is that this has something to do with the data being assigned before the calendar is rendered. If there is even the slightest delay in the data being assigned (also if it is assigned withing a $timeout call), this issue does not occur.
Perhaps not something that will ever happen in a real situation, but something to be aware of.
am new to angular and would like to use angular material components event calendar. how do i include it my project because i tried adding it to my app.module.ts and i got an error, app.component.ts too, i got an error. am kinda confuse. any help will be much appreciated. thanks
The first days of the next month are not correct, when added value on February 1, it repeats the same value for March 1
is it possible to change the color on some of the events based on a condition? I understand that this is more of a question and not an issue ... If yes, how?
Is there any option to select a date range in calendar to create an event
I used the library in a project and it was quite helpful. I added a very small hack to the same
Would be happy to help otherwise as well.
I wonder is there a week view on this calendar? and if not is there any planning for that?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.