Getting started with Material UI

react
21

You can speed up the DatePicker by making the date range smaller. It defaults to 200 years.

minDate = {new Date('January 01, 2015 00:0:00')} 
maxDate = {new Date('January 01, 2020 00:0:00')}
22

Ah, that makes sense - I had reduced the range to a year, but even still it was pretty slow. I just reduced the range even further to 4 months, and it is much faster. Thanks for the input.

One other issue I have noticed though is a flickering of the browser scroll bar when Dialogs are opened (including DatePicker), which shifts all elements over to the right and then back to the left really quickly. It only happens on pages where the scrollbar is rendered (page content height is greater than browser window height). Have you noticed this at all?

23

All clear about 1 and 2
And
3. Multiselect, theoretically, exists https://github.com/callemall/material-ui/issues/1956
4. Not so easy, I found this issue https://github.com/callemall/material-ui/issues/835

24

@rdagger - I prefer to install with meteorhacks:npm, and cosmos:broserify

https://react-in-meteor.readthedocs.org/en/latest/client-npm/

Example app:

25

I performed the manual install based on your link and everything works, but I noticed there are now 2 react folders that appear to be identical:

\packages\npm-container\.npm\package\node_modules\react
and
\.meteor\local\isopacks\npm-container\npm\node_modules\react
26

@rdagger - That seems to be normal.

27

You also have isSpecialWords: https://github.com/christianalfoni/formsy-react/blob/master/API.md#validators

28

Hi!
Can you look to this repo? Maybe I did smth wrong or wrong version )-:

29

You can’t just npm install, you need follow this process: https://react-in-meteor.readthedocs.org/en/latest/client-npm/

Edit: Actually, in the kickstarter app you’re using, it looks like it goes in webpack.packages.json, but I"m not familiar with that.

30

It may be due to incorrect versions of the components?

31

Like I said, you can’t just npm install

32

I can’t in regular Meteor App, but in this kickstart app - yes, I can.
I also tried antd components - everything working.

33

Sorry, I don’t know in that case, but I might have to look at that kickstarter then!

34

Kickstart + flow-router - very cool.
I asked the same question to the author of a kickstart. I’m afraid I’m quite torment him with questions …

35

Is the project documented anywhere? (Blog?) The README is a bit terse…

36

I think here

37

Working fine here. Try import rather than require?

38

OK, I will try…
But FormsyDate and FormsySelect not working at all…

39

Hmmm… no, you’re right - only half working. I guess kickstart is still immature (as is formsy-material-ui to be fair)

40

Hi not sure if anyone has mentioned before (didnt read all comments) theres a oackage called materialize-css that has material UI with a grid system that works like bootstrap

Its in atmosphere so easy to install etc.