Giter Site home page Giter Site logo

Comments (7)

shannonhochkins avatar shannonhochkins commented on July 23, 2024 2

Screenshot 2023-10-16 at 3 43 08 pm
Still a work in progress, but i've started to get something going for you @pdhruv93

from ha-component-kit.

shannonhochkins avatar shannonhochkins commented on July 23, 2024 1

Can you please install the latest and let me know what you think / if you have any problems @pdhruv93 ?

CalendarCard has been released, if you run into problems with the new api flow, there's documentation of what's needed to install here: https://shannonhochkins.github.io/ha-component-kit/?path=/docs/hooks-usehass-callapi--docs

As the calendar entries are only retrievable (in a nice format) from the rest api, i had to include a new hook from the useHass store called "callApi"

This does mean that you may need to follow the steps on the mentioned page to get this to work :)

from ha-component-kit.

shannonhochkins avatar shannonhochkins commented on July 23, 2024

Can you please include feature requests in the discussions area, Calendar card is on the roadmap it's listed on storybook, but it's not the highest on my priority list

from ha-component-kit.

pdhruv93 avatar pdhruv93 commented on July 23, 2024

Thanks, waiting for a long time, can we also have it in a list view?

from ha-component-kit.

shannonhochkins avatar shannonhochkins commented on July 23, 2024

Yes I've made it identical to the Lovelace one

from ha-component-kit.

rensknoors avatar rensknoors commented on July 23, 2024

Was just working on my own calendar card when I found this.

Seems to work just fine except for a few small Typescript issues. When using callApi, the options parameter seems to be required but all the properties of RequestInit are optional.
You can work around this by passing an empty object of course but might be nice to fix that.

Another issue is the Event type (although this is probably just an example you provided). It doesn't match the object that you would get as a response.
https://developers.home-assistant.io/docs/core/entity/calendar/#calendarevent

I used the following types:

export type DateFormat = {
  dateTime: string;
  date: string;
};

export interface CalendarEvent {
  start: DateFormat;
  end: DateFormat;
  summary: string;
  location?: string;
  description?: string;
  uid?: string;
  recurrence_id?: string;
  rrule?: string;
}

Great work!

from ha-component-kit.

shannonhochkins avatar shannonhochkins commented on July 23, 2024

Thanks for the feedback! I'm glad there's only a few small bugs there, easy fixes!

I'll have those sorted in the next patch, ive started working on a camera card and I've had some success so far retrieving live streams, but if you notice anything else reach out!

from ha-component-kit.

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.