PopupDateField without size calculations (#8313)

1 files changed, 15 insertions, 4 deletions

diff --git a/WebContent/VAADIN/themes/reindeer/datefield/datefield.css b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
index 1dbc59257a..574a4973bf 100644
--- a/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
+++ b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
@@ -45,6 +45,7 @@ span.v-datefield-calendarpanel-month {
 }
 .v-datefield-popupcalendar {
 	min-width: 0;
+	padding-right: 24px;
 }
 .v-datefield-year .v-datefield-calendarpanel {
 	width: 100px;
@@ -224,16 +225,25 @@ td.v-datefield-calendarpanel-nextyear {
 .v-op .v-datefield-popup {
 	background: rgba(255,255,255,.95);
 }
-.v-datefield-year .v-datefield-textfield {
+.v-datefield-textfield {
+	width: 100%;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+}
+.v-datefield.v-undefined-width > .v-datefield-textfield {
+	box-sizing: content-box;
+	-moz-box-sizing: content-box;
+}
+.v-datefield-year.v-undefined-width > .v-datefield-textfield {
 	width: 4em;
 }
-.v-datefield-month .v-datefield-textfield {
+.v-datefield-month.v-undefined-width > .v-datefield-textfield {
 	width: 5em;
 }
-.v-datefield-day .v-datefield-textfield {
+.v-datefield-day.v-undefined-width > .v-datefield-textfield {
 	width: 5.5em;
 }
-.v-datefield-full .v-datefield-textfield {
+.v-datefield-full.v-undefined-width  >.v-datefield-textfield {
 	width: 12em;
 }
 .v-datefield-popupcalendar input.v-datefield-textfield {
@@ -256,6 +266,7 @@ td.v-datefield-calendarpanel-nextyear {
 }
 .v-datefield-popupcalendar .v-datefield-button {
 	width: 24px;
+	margin-right: -24px;
 	height: 23px;
 	background: transparent;
 	border: none;