react-native-time-date-picker
Version:
Easy to use time and date picker with lots of options for React Native.
76 lines • 1.69 kB
JavaScript
import { StyleSheet } from "react-native";
export const styles = (theme) => StyleSheet.create({
container: {
alignItems: "center",
flexDirection: "row-reverse",
},
reverseContainer: {
flexDirection: "row",
},
arrowWrapper: {
padding: 20,
position: "relative",
zIndex: 1,
opacity: 1,
},
arrow: {
width: 18,
height: 18,
opacity: 0.9,
tintColor: theme.mainColor,
margin: 2,
},
leftArrow: {
transform: [
{
rotate: "180deg",
},
],
},
disableArrow: {
opacity: 0,
},
monthYearContainer: {
flex: 1,
position: "relative",
alignItems: "center",
justifyContent: "center",
},
monthYear: {
position: "absolute",
alignItems: "center",
flexDirection: "row-reverse",
},
reverseMonthYear: {
flexDirection: "row",
},
activeMonthYear: {
zIndex: 999,
},
monthYearWrapper: {
alignItems: "center",
},
headerText: {
fontSize: theme.textHeaderFontSize,
padding: 2,
color: theme.textHeaderColor,
fontFamily: theme.defaultFont,
fontWeight: "500",
textAlignVertical: "center",
},
monthText: {
fontFamily: theme.headerFont,
},
centerWrapper: {
borderColor: theme.borderColor,
paddingVertical: 4,
paddingHorizontal: 8,
alignItems: "center",
borderRadius: 12,
borderWidth: 1,
},
time: {
marginRight: 5,
},
});
//# sourceMappingURL=Header.style.js.map