FEATURE: added a datepicker module(#237)

[muddi900]

Adds #237

Right now it only had the value prop, but I will add more as per comments.

[Alek99]

Thanks for taking this on! A couple things the library seems to be react-datepicker does your code work locally? You will also need to add this library to our package.json

As for props and events
-In addition to onChange we should support onSelect

More props can be these but snake case: closeOnScroll, dateFormat, startDate, endDate, minDate, maxDate, isClearable, placeholderText, showWeekNumbers, shouldCloseOnSelect

[muddi900]

I have added the new props. However, should the date values be of datetime type? Or the framework handle it on its end.

I ahve not tested locally. I am working in a Codespace. The tests are running fine.

[Alek99]

Looking good thanks for the changes, can you add comment and doc strings like our other components also can you text to see if it runs locally. https://github.com/pynecone-io/pynecone/blob/main/pynecone/components/datadisplay/datatable.py

[muddi900]

I have added the docstring.

I am trying to test locally but I getting a ReferenceError: date_picker_state is not defined. I am following the wrapping docs quite literally. Do I need to define the state separately in the components?

here is my code.

class DatePickerState(pc.State):
    date = "1/1/2001"


def index():
    return pc.center(
        pc.vstack(
            pc.heading(DatePickerState.date),
            date_picker(on_change=DatePickerState.set_date),
            pc.box("Get started by editing ",
                   pc.code(filename, font_size="1em")),
            pc.link(
                "Check out our docs!",
                href=docs_url,
                border="0.1em solid",
                padding="0.5em",
                border_radius="0.5em",
                _hover={
                    "color": "rgb(107,99,246)",
                },
            ),
            spacing="1.5em",
            font_size="2em",
        ),
        padding_top="10%",
    )


# Add state and page to the app.
app = pc.App(state=State)
app.add_page(index)
app.compile()

[picklelo]

It looks like you're passing the wrong State class to your app.

You probably want to do

app = pc.App(state=DatePickerState)

Or if you meant to use substates, you need to make sure your new class subclasses your base state rather than pc.State:

class State(pc.State):
    """"Base State"""

class DatePickerState(State):
    date = "1/1/2001"

app = pc.App(state=State)

[Alek99]

Going to close this pr seems inactive.