{ "id": "176165", "key": "TIMOB-28427", "fields": { "issuetype": { "id": "4", "description": "An improvement or enhancement to an existing feature or task.", "name": "Improvement", "subtask": false }, "project": { "id": "10153", "key": "TIMOB", "name": "Titanium SDK/CLI", "projectCategory": { "id": "10100", "description": "Titanium and related SDKs used in application development", "name": "Client" } }, "fixVersions": [ { "id": "21199", "description": "", "name": "Release 10.0.1", "archived": false, "released": true, "releaseDate": "2021-07-28" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2021-05-26T15:32:56.000+0000", "created": "2021-04-24T04:11:28.000+0000", "priority": { "name": "Medium", "id": "3" }, "labels": [ "android", "border", "borderStyle", "material-design", "picker" ], "versions": [], "issuelinks": [ { "id": "59257", "type": { "id": "10003", "name": "Relates", "inward": "relates to", "outward": "relates to" }, "inwardIssue": { "id": "176164", "key": "TIMOB-28426", "fields": { "summary": "Android: Add \"datePickerStyle\" support to Ti.UI.Picker", "status": { "description": "The issue is considered finished, the resolution is correct. Issues which are closed can be reopened.", "name": "Closed", "id": "6", "statusCategory": { "id": 3, "key": "done", "colorName": "green", "name": "Done" } }, "priority": { "name": "Medium", "id": "3" }, "issuetype": { "id": "4", "description": "An improvement or enhancement to an existing feature or task.", "name": "Improvement", "subtask": false } } } } ], "assignee": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2021-05-26T15:32:56.000+0000", "status": { "description": "The issue is considered finished, the resolution is correct. Issues which are closed can be reopened.", "name": "Closed", "id": "6", "statusCategory": { "id": 3, "key": "done", "colorName": "green", "name": "Done" } }, "components": [ { "id": "10202", "name": "Android", "description": "Android Platform" } ], "description": "*Summary:*\r\nOn Android, if we display the picker as a read-only text field, then we should also add properties [borderStyle|https://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.TextField-property-borderStyle] and [hintText|https://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.TextField-property-hintText] that work similarly to {{Ti.UI.TextField}}.\r\n\r\n*Drop-Down Picker Support:*\r\nWhen a {{Ti.UI.Picker} is set up as [PICKER_TYPE_PLAIN|https://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI-property-PICKER_TYPE_PLAIN] (the default) and its [useSpinner|https://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.Picker-property-useSpinner] property is set {{true}}, then the picker is shown as a drop-down field. Titanium currently shows this as a borderless view using the Java {{Spinner}} class as shown here...\r\nhttps://developer.android.com/guide/topics/ui/controls/spinner\r\n\r\nIt should be changed to use a material [TextInputLayout|https://developer.android.com/reference/com/google/android/material/textfield/TextInputLayout] and [MaterialAutoCompleteTextView|https://developer.android.com/reference/com/google/android/material/textfield/MaterialAutoCompleteTextView] so that it will look like the below. This follows Google's material guidelines and Google's own apps.\r\n !Picker-DropDown-Border-Light.png|thumbnail! !Picker-DropDownClicked-Border-Light.png|thumbnail! \r\n !Picker-DropDown-Border-Dark.png|thumbnail! !Picker-DropDownClicked-Border-Dark.png|thumbnail! \r\n\r\n*Compact Date/Time Picker Support:*\r\nWhen we add support for [DATE_PICKER_STYLE_COMPACT|https://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.iOS-property-DATE_PICKER_STYLE_COMPACT] via [TIMOB-28426], then the picker will appear as a read-only text field that shows a selection dialog when tapped on. The border style should be configurable to match the border style used by {{Ti.UI.TextField}} views.\r\n !Picker-Date-Border-Light.png|thumbnail! !Picker-Date-Border-Dark.png|thumbnail! \r\n !Picker-Time-Border-Light.png|thumbnail! !Picker-Time-Border-Dark.png|thumbnail! \r\n", "attachment": [ { "id": "67903", "filename": "DatePickerBorderTest.js", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-04-24T04:06:15.000+0000", "size": 844, "mimeType": "application/x-javascript" }, { "id": "67902", "filename": "Picker-Date-Border-Dark.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-04-24T04:08:48.000+0000", "size": 444954, "mimeType": "image/png" }, { "id": "67901", "filename": "Picker-Date-Border-Light.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-04-24T04:08:47.000+0000", "size": 441766, "mimeType": "image/png" }, { "id": "67905", "filename": "Picker-DropDown-Border-Dark.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-04-24T04:01:06.000+0000", "size": 434408, "mimeType": "image/png" }, { "id": "67907", "filename": "Picker-DropDown-Border-Light.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-04-24T04:01:08.000+0000", "size": 433427, "mimeType": "image/png" }, { "id": "67908", "filename": "PickerDropDownBorderTest.js", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-04-24T03:58:34.000+0000", "size": 1209, "mimeType": "application/x-javascript" }, { "id": "67904", "filename": "Picker-DropDownClicked-Border-Dark.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-04-24T04:01:06.000+0000", "size": 430968, "mimeType": "image/png" }, { "id": "67906", "filename": "Picker-DropDownClicked-Border-Light.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-04-24T04:01:06.000+0000", "size": 434317, "mimeType": "image/png" }, { "id": "67899", "filename": "Picker-Time-Border-Dark.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-04-24T04:11:15.000+0000", "size": 443481, "mimeType": "image/png" }, { "id": "67898", "filename": "Picker-Time-Border-Light.png", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-04-24T04:11:15.000+0000", "size": 440774, "mimeType": "image/png" }, { "id": "67900", "filename": "TimePickerBorderTest.js", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-04-24T04:09:49.000+0000", "size": 844, "mimeType": "application/x-javascript" } ], "flagged": false, "summary": "Android: Add \"borderStyle\" and \"hintText\" properties to Ti.UI.Picker", "creator": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "subtasks": [], "reporter": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "environment": null, "comment": { "comments": [ { "id": "458614", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "body": "PR (master): https://github.com/appcelerator/titanium_mobile/pull/12745", "updateAuthor": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2021-04-24T05:30:17.000+0000", "updated": "2021-04-24T05:30:17.000+0000" }, { "id": "458711", "author": { "name": "cwilliams", "key": "cwilliams", "displayName": "Christopher Williams", "active": true, "timeZone": "America/New_York" }, "body": "merged to master and 10_0_X for 10.0.1 target", "updateAuthor": { "name": "cwilliams", "key": "cwilliams", "displayName": "Christopher Williams", "active": true, "timeZone": "America/New_York" }, "created": "2021-05-26T15:32:52.000+0000", "updated": "2021-05-26T15:32:52.000+0000" } ], "maxResults": 2, "total": 2, "startAt": 0 } } }