diff --git a/CHANGELOG.md b/CHANGELOG.md
index 28c20ed92e65..4e330f4ecb0c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,5 @@
-
-# [2.0.0-beta.9 découpage-panjandrum](https://github.com/angular/material2/compare/2.0.0-beta.8...2.0.0-beta.9) (2017-08-29)
+
+# [2.0.0-beta.10 découpage-panjandrum](https://github.com/angular/material2/compare/2.0.0-beta.8...2.0.0-beta.10) (2017-08-29)
### Highlights
* Over 140 bug fixes
@@ -43,6 +43,9 @@ still re-exported through `@angular/material`, but these re-exports will be remo
subsequent release.
* `cdkScrollable`, `ScrollDispatcher`, and `ViewportRuler` have been moved from overlay into its
own `scrolling` subpackage in `@angular/cdk`.
+* **input:** Inputs have a width of `200px` by default (similar to native input elements). The
+width can be overridden by via the `mat-form-field` css class.
+* **input:** CSS classes have changed from `mat-input-container-` to `mat-form-field-`.
* **input:** `md-prefix` and `md-suffix` are now `mdPrefix` and `mdSuffix`.
* **portal:** `TemplatePortal` now requires a generic type (C) to align with `TemplateRef`.
This will usually be `any`.
@@ -54,6 +57,8 @@ DOM element to `apply`.
* **datepicker:** You must now use a date object (of whatever type your DateAdapter uses) rather
than a string when setting the value of the datepicker programmatically (through value, ngModel,
or formControl).
+* **datepicker:** `mdDatepickerToggle` is now an element `` with a `for`
+property that points to the `MdDatepicker` instance
* **datepicker:** `NativeDateAdapter` will now use Angular's LOCALE_ID instead of the browser's
locale.
* **sidenav:** CSS classes have changed from `mat-sidenav-` to `mat-drawer-`
diff --git a/package.json b/package.json
index 311fb94984bf..64d6f1a0de56 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
"docs": "gulp docs",
"api": "gulp api-docs"
},
- "version": "2.0.0-beta.9",
+ "version": "2.0.0-beta.10",
"license": "MIT",
"engines": {
"node": ">= 5.4.1"
diff --git a/src/lib/form-field/_form-field-theme.scss b/src/lib/form-field/_form-field-theme.scss
index 8f475fd4f96f..6c3be808cdfd 100644
--- a/src/lib/form-field/_form-field-theme.scss
+++ b/src/lib/form-field/_form-field-theme.scss
@@ -23,6 +23,12 @@
$underline-color-warn: mat-color($warn);
$underline-focused-color: mat-color($primary);
+ // Define the width here so that it is easier for users to override with one css class worth
+ // of specificity.
+ .mat-form-field {
+ width: 200px;
+ }
+
.mat-form-field-placeholder {
color: $placeholder-color;
}
diff --git a/src/lib/form-field/form-field.scss b/src/lib/form-field/form-field.scss
index d4e76aedded5..15694919e78f 100644
--- a/src/lib/form-field/form-field.scss
+++ b/src/lib/form-field/form-field.scss
@@ -11,7 +11,6 @@ $mat-form-field-underline-height: 1px !default;
.mat-form-field {
display: inline-block;
position: relative;
- width: 200px;
// To avoid problems with text-align.
text-align: left;