No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Quasar Calendar components

    Show & Tell
    8
    13
    5475
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      sirbeagle last edited by

      Hey everyone! I thought you might like to see something I’ve been working on: a full calendar for Quasar!

      This is still very much a work in progress but you can get a good sense for the functionality.

      Check out the demo at:

      Quasar calendar demo

      and the component source code at:

      Quasar calendar at GitHub

      You can pull in via NPM if you’d like but there will likely be a few more changes to the data format so you probably don’t want to use this in a project quite yet.

      This is based off of Quasar v0.14.x - I will be upgrading it to v0.15 in the very near future. It’s Material design only right now, I’ll start adding iOS once the functionality is down.

      Let me know what you think!

      1 Reply Last reply Reply Quote 9
      • L
        leopiccionia last edited by

        Looks mostly great, so far! Here are some questions and criticisms:

        1. Why do February always merge the third and fourth weeks?
          0_1518816681231_f436d485-af5e-4ab7-a9a0-317f76840c45-image.png

        2. Are there any plans for integration with Quasar’s i18n effort?

        3. There’s room for improvement in Agenda layout, but I’m not very helpful about it right now. Maybe receiving month header color as a prop would be a nice idea ("primary" would be a better default than current blue)?

        Keep doing the great work so far!

        1 Reply Last reply Reply Quote 0
        • L
          leon last edited by

          VEEEERy Nice. Gtz @sirbeagle

          1 Reply Last reply Reply Quote 1
          • S
            sirbeagle last edited by

            @leopiccionia That’s the first time I’ve seen the February problem. Can I ask what OS / browser you’re using? I’ll check it out. And yes, the next milestone has a lot of internationalization tasks in there as development so far has been very US-centric. The agenda view is loosely based off of Google’s Android calendar view and the implementation here is still a bit sparse. There will be more options coming for that view in addition to another type of agenda view that is a little more friendly for larger screens.

            L 1 Reply Last reply Reply Quote 0
            • L
              leopiccionia @sirbeagle last edited by

              @sirbeagle I’m using Ubuntu 17.10. The bug happens in Firefox (both 58.0.2 and 60.0a1 i.e. nightly), Chromium (64.0.3282.140) and Vivaldi (1.13.1008.40).

              I can try it on my Windows later, if you want.

              1 Reply Last reply Reply Quote 0
              • eleina
                eleina last edited by

                Looks really neat!

                1 Reply Last reply Reply Quote 0
                • Mo
                  Mo last edited by

                  This is the component I’m waiting for. Great job so far! I need a calender in my application and internationalization would be important for me, too. I will definitely give it a try after switching to v0.15 and waiting for your v0.15 compatibility.

                  Are events, which last longer than one day, supported in the UI?

                  1 Reply Last reply Reply Quote 0
                  • P
                    polger last edited by

                    Demo not working. Would like to see it.

                    1 Reply Last reply Reply Quote 0
                    • L
                      leopiccionia last edited by

                      @polger It’s working for me…

                      1 Reply Last reply Reply Quote 0
                      • P
                        polger last edited by

                        @leopiccionia In chrome and opera there are issues. Here’s a console screenshot.

                        0_1520429315271_console.png

                        I can see it running in firefox. It’s nice.

                        1 Reply Last reply Reply Quote 0
                        • T
                          ticianatsj last edited by

                          Hello, do you have a real world example of how to use this component? i am new on Quasar. Thanks.

                          1 Reply Last reply Reply Quote 0
                          • T
                            ticianatsj last edited by

                            I made just what was in the manual but got the error error ‘Calendar’ is defined but never used no-unused-vars

                            1 Reply Last reply Reply Quote 0
                            • T
                              tbsteele last edited by

                              I’m getting the same error I followed the how-to from the readme but not working

                              sure that I am missing something simple as I’m new to this

                              if anyone has any tips on how to get this running that would be awesome

                              Thanks

                              1 Reply Last reply Reply Quote 0
                              • First post
                                Last post