Function DialogsExample

example/app/datepicker.tsx:5–27

()

import { Button, DatePicker } from "jetpack-compose-react-native";

export default function DialogsExample() {
  const [datePickerVisible, setDatePickerVisible] = React.useState(false);

  return (
    <ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 20 }}>
      <Text style={styles.header}>Datepickers Example</Text>
      {datePickerVisible && (
        <DatePicker
          showModeToggle
          confirmText="Confirm"
          dismissText="Cancel"
          onDismiss={() => setDatePickerVisible(!datePickerVisible)}
        />
      )}
      <Button
        text="Show DatePicker"
        onClick={() => {
          setDatePickerVisible(true);
        }}
      />
    </ScrollView>
  );
}

const styles = StyleSheet.create({
  header: {