Issue 1:
Checkboxes generated by a with the displayRowCheckbox field set to true (default option) inherit their disabled prop from the 's this.prop.selectable, rather than from the generated 's selectable property. Below is the relevant code from the master branch:

//line 209:
createRowCheckboxColumn(rowProps) {
if (!this.props.displayRowCheckbox) {
return null;
}

const name = `${rowProps.rowNumber}-cb`;
const disabled = !this.props.selectable; /////////////// should be something like !rowProps.selectable, this.props inherits from the <TableBody> instead of being set row-by-row

return (
<TableRowColumn
key={name}
columnNumber={0}
style={{
width: 24,
cursor: disabled ? 'default' : 'inherit',
}}
>
<Checkbox
name={name}
value="selected"
disabled={disabled}
checked={rowProps.selected}
/>
</TableRowColumn>
);
}

I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

When making a with the selectable property set to false, the disabled property of the generated checkbox should be true.

Current Behavior

This successfully makes only rows without the text "None" select-able, and rows that display "None" can't be checked. We want checkboxes that are not selectable to be disabled as well, row-by-row, but right now all checkboxes are enabled.

Steps to Reproduce (for bugs)

I tried my best:

https://codesandbox.io/s/y3x71n11j1

I have no idea why this codepen sample isn't working.

Make a Table with a TableBody

Its children will be mapped from an array into objects

Set the selectable property of the objects to false

The checkboxes generated won't be selectable, but they won't have the disabled property.

Using dev tools, set the same to be selectable=false, and it sets disabled=true for every checkbox

Context

We're trying to make a checklist where each row can only be checked if a boolean value is true. So, we're making something like this:

<TableBody displayRowCheckbox={true}>
{ourData.map((ourRowData) =>
(<TableRow selectable={ourRowData.text !== "None"}>
<TableRowColumn>{ourRowData.text}</TableRowColumn>
</TableRow>))}
</TableBody>

This successfully makes only rows without the text "None" select-able, and rows that display "None" can't be checked. We want checkboxes that are not selectable to be disabled as well, row-by-row, but right now all checkboxes are enabled.

However, if we set selectable={false} in the using developer tools, the whole table's checkboxes become disabled.

I think the best way to go would be with

Your Environment

Tech
Version

Material-UI
0.2

React
15.6.1

browser
Chrome 63.0

etc

Issue 2:
When building apps that use the date picker for choosing an old date like "birthday", I often hear complaints about it taking forever to go so far back in time. These people obviously don't realize they can select the year by clicking on the year in the title area. An option for just starting on the year picker though would make this component much more useful for such historic dates, especially for the less tech-savvy.

If not that, then perhaps it can be made a little more obvious that clicking on the year takes you to the year picker? An edit icon or something?

I'd be happy to make a pull request if others agree this would be a useful addition. Thanks!