https://github.com/shmew/feliz.materialui.pickers

Fable bindings written in the Feliz-style for material-ui-pickers.
https://github.com/shmew/feliz.materialui.pickers

fable feliz material-ui material-ui-pickers react web

Last synced: 2 months ago
JSON representation

Fable bindings written in the Feliz-style for material-ui-pickers.

• Host: GitHub
• URL: https://github.com/shmew/feliz.materialui.pickers
• Owner: Shmew
• License: mit
• Created: 2019-11-13T20:40:51.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-11-18T21:15:25.000Z (about 4 years ago)
• Last Synced: 2024-11-09T14:50:07.228Z (3 months ago)
• Topics: fable, feliz, material-ui, material-ui-pickers, react, web
• Language: F#
• Homepage: https://shmew.github.io/Feliz.MaterialUI.Pickers/
• Size: 15.3 MB
• Stars: 12
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: Contributing.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Feliz.MaterialUI.Pickers [![Nuget](https://img.shields.io/nuget/v/Feliz.MaterialUI.Pickers.svg?maxAge=0&colorB=brightgreen)](https://www.nuget.org/packages/Feliz.MaterialUI.Pickers)

Fable bindings for [material-ui-pickers](https://github.com/mui-org/material-ui-pickers) with [Feliz](https://github.com/Zaid-Ajaj/Feliz) style api for use within MaterialUI.

Here is a quick look:

```fs

open Feliz

open Feliz.MaterialUI

open Feliz.MaterialUI.Pickers

open System

let render = React.functionComponent(fun () ->

    let state,setState = React.useState(DateTime.Now)

    Mui.pickerUtilsProvider [

        Mui.grid [

            grid.container true

            grid.direction.row

            grid.justify.spaceEvenly

            prop.children [

                Mui.datePicker [

                    datePicker.label "Basic Example"

                    datePicker.value state

                    datePicker.onChange setState

                    datePicker.animateYearScrolling true

                ]

                Mui.datePicker [

                    datePicker.autoOk true

                    datePicker.label "Clearable"

                    datePicker.clearable true

                    datePicker.disableFuture true

                    datePicker.value state

                    datePicker.onChange setState

                ]

                Mui.datePicker [

                    datePicker.openTo.year

                    datePicker.format "dd/MM/yyyy"

                    datePicker.label "Date of Birth"

                    datePicker.disableFuture true

                    datePicker.views [

                        datePicker.views.year

                        datePicker.views.month

                        datePicker.views.date

                    ]

                    datePicker.value state

                    datePicker.onChange setState

                ]

            ]

        ]

    ])

```

Feliz.MaterialUI.Pickers has documentation at [Feliz.MaterialUI.Pickers](https://shmew.github.io/Feliz.MaterialUI.Pickers/) with live examples along side code samples.